html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none }
*, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-repeat:no-repeat }
html, body { margin:0px; padding:0px; font-family:PingFangSC-Regular, sans-serif, "microsoft yahei"; font-size:14px; margin:0px; padding:0px; color:#333; line-height:22px; height:auto; clear:both; overflow-x:hidden }
div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input { margin:0; padding:0; border:0; background-repeat:no-repeat }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin:0; padding:0; font-weight:normal }
p { margin:0px; padding:0px }
body, button, input, select, textarea { font:14px/1.5 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial; color:#333 }
img { border:0px; vertical-align:middle; max-width:100%; max-height:100% }
table { border-collapse:collapse; border-spacing:0 }
*, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-repeat:no-repeat }
ul, li { list-style:none }
em, i { font-style:normal }
a { background-color:transparent; -webkit-text-decoration-skip:objects; text-decoration:none; color:#333; outline:none; cursor:pointer }
a:hover { background-repeat:no-repeat; text-decoration:none }
a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor:pointer }
[type="checkbox"], [type="radio"] {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0
}
input, textarea, select, button { border:none; outline:none; color:inherit; font-size:14px; background:none; font-family:inherit; outline:none }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style:none; -webkit-appearance:none; resize:none }
textarea { overflow:auto; vertical-align:top; resize:none }
input:-webkit-autofill {
-webkit-box-shadow:0 0 0px rgba(255, 255, 255, 0) inset !important;
-webkit-appearance:none;
background:none;
outline:none;
border:none
}
a, button, input, optgroup, select, textarea { -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
input::-ms-clear {
display:none
}
input::-ms-reveal {
display:none
}
input:-internal-autofill-previewed, input:-internal-autofill-selected {
-webkit-text-fill-color:#999 !important;
-webkit-transition:background-color 99999999s ease-in-out 0s !important;
-o-transition:background-color 99999999s ease-in-out 0s !important;
transition:background-color 99999999s ease-in-out 0s !important
}
input, textarea { -webkit-appearance:none }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 }
.clearfix { *zoom:1
}
ul.ulclear { margin:0px; padding:0px; list-style:none }
ul.ulclear li { margin:0px; padding:0px; list-style:none }
ol.olclear { margin:0px; padding:0px; list-style:none }
ol.olclear li { margin:0px; padding:0px; list-style:none }
input, textarea, button { border:none; outline:none; color:inherit; font-size:14px; background:none; font-family:inherit; outline:none }
textarea { resize:none; overflow:auto }
input { -webkit-appearance:none }
input { background:none; outline:none; border:none }
.iconfont { color:inherit; font-size:inherit; display:inline-block; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
.fl { float:left }
.fr { float:right }
.show { display:block !important }
.hide { display:none !important }
.visible-sm, .visible-md, .visible-lg { display:none }
.hidden-sm, .hidden-md, .hidden-lg { display:block }
@media screen and (max-width: 768px) {
.hidden-sm, .hidden-md, .hidden-lg {
display:none
}
.visible-sm, .visible-md, .visible-lg {
display:block
}
}
a { -webkit-transform:all 0.3s; -ms-transform:all 0.3s; -o-transform:all 0.3s; transform:all 0.3s }
@-webkit-keyframes pic_m { 0% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-o-keyframes pic_m { 0% {
-o-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes pic_m { 0% {
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes jump { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-0.05rem);
transform:translateY(-0.05rem)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes jump { 0% {
-o-transform:translateY(0);
transform:translateY(0)
}
50% {
-o-transform:translateY(-0.05rem);
transform:translateY(-0.05rem)
}
100% {
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes jump { 0% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-0.05rem);
-o-transform:translateY(-0.05rem);
transform:translateY(-0.05rem)
}
100% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes round { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(1.4);
transform:scale(1.4)
}
}
@-o-keyframes round { 0% {
-o-transform:scale(1);
transform:scale(1)
}
100% {
-o-transform:scale(1.4);
transform:scale(1.4)
}
}
@keyframes round { 0% {
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(1.4);
-o-transform:scale(1.4);
transform:scale(1.4)
}
}
@-webkit-keyframes round2 { 0% {
-webkit-transform:scale(0.5);
transform:scale(0.5)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-o-keyframes round2 { 0% {
-o-transform:scale(0.5);
transform:scale(0.5)
}
100% {
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes round2 { 0% {
-webkit-transform:scale(0.5);
-o-transform:scale(0.5);
transform:scale(0.5)
}
100% {
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes rotate { 0% {
-webkit-transform:translate(-50%, 0) rotateZ(0deg);
transform:translate(-50%, 0) rotateZ(0deg)
}
50% {
-webkit-transform:translate(-50%, -2%) rotateZ(180deg);
transform:translate(-50%, -2%) rotateZ(180deg)
}
100% {
-webkit-transform:translate(-50%, 0%) rotateZ(360deg);
transform:translate(-50%, 0%) rotateZ(360deg)
}
}
@-o-keyframes rotate { 0% {
-o-transform:translate(-50%, 0) rotateZ(0deg);
transform:translate(-50%, 0) rotateZ(0deg)
}
50% {
-o-transform:translate(-50%, -2%) rotateZ(180deg);
transform:translate(-50%, -2%) rotateZ(180deg)
}
100% {
-o-transform:translate(-50%, 0%) rotateZ(360deg);
transform:translate(-50%, 0%) rotateZ(360deg)
}
}
@keyframes rotate { 0% {
-webkit-transform:translate(-50%, 0) rotateZ(0deg);
-o-transform:translate(-50%, 0) rotateZ(0deg);
transform:translate(-50%, 0) rotateZ(0deg)
}
50% {
-webkit-transform:translate(-50%, -2%) rotateZ(180deg);
-o-transform:translate(-50%, -2%) rotateZ(180deg);
transform:translate(-50%, -2%) rotateZ(180deg)
}
100% {
-webkit-transform:translate(-50%, 0%) rotateZ(360deg);
-o-transform:translate(-50%, 0%) rotateZ(360deg);
transform:translate(-50%, 0%) rotateZ(360deg)
}
}
@-webkit-keyframes rwidth { 0% {
width:0
}
100% {
width:72.396vw
}
}
@-o-keyframes rwidth { 0% {
width:0
}
100% {
width:72.396vw
}
}
@keyframes rwidth { 0% {
width:0
}
100% {
width:72.396vw
}
}
@-webkit-keyframes rheight { 0% {
height:0
}
100% {
height:3.88rem
}
}
@-o-keyframes rheight { 0% {
height:0
}
100% {
height:3.88rem
}
}
@keyframes rheight { 0% {
height:0
}
100% {
height:3.88rem
}
}
@-webkit-keyframes rotates { 0% {
-webkit-transform:rotateY(90deg);
transform:rotateY(90deg)
}
100% {
-webkit-transform:rotateY(0);
transform:rotateY(0)
}
}
@-o-keyframes rotates { 0% {
transform:rotateY(90deg)
}
100% {
transform:rotateY(0)
}
}
@keyframes rotates { 0% {
-webkit-transform:rotateY(90deg);
transform:rotateY(90deg)
}
100% {
-webkit-transform:rotateY(0);
transform:rotateY(0)
}
}
@-webkit-keyframes animX { 0% {
left:-43px
}
10% {
left:0
}
20% {
left:50px
}
100% {
left:603px
}
}
@-o-keyframes animX { 0% {
left:-43px
}
10% {
left:0
}
20% {
left:50px
}
100% {
left:603px
}
}
@keyframes animX { 0% {
left:-43px
}
10% {
left:0
}
20% {
left:50px
}
100% {
left:603px
}
}
@-webkit-keyframes animY { 0% {
top:30px
}
10% {
left:60px
}
20% {
left:100px
}
100% {
top:388px
}
}
@-o-keyframes animY { 0% {
top:30px
}
10% {
left:60px
}
20% {
left:100px
}
100% {
top:388px
}
}
@keyframes animY { 0% {
top:30px
}
10% {
left:60px
}
20% {
left:100px
}
100% {
top:388px
}
}
:root { --swiper-theme-color: #0196da
}
.swiper { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 }
.swiper-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; transition-property:transform; transition-property:transform, -webkit-transform, -o-transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0) }
.swiper-pointer-events { -ms-touch-action:pan-y; touch-action:pan-y }
.swiper-pointer-events.swiper-vertical { -ms-touch-action:pan-x; touch-action:pan-x }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; transition-property:transform; transition-property:transform, -webkit-transform, -o-transform }
.swiper-slide-invisible-blank { visibility:hidden }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height:auto }
.swiper-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:height, -o-transform; transition-property:transform, height; transition-property:transform, height, -webkit-transform, -o-transform }
.swiper-backface-hidden .swiper-slide { -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective:1200px; perspective:1200px }
.swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 }
.swiper-3d .swiper-slide-shadow { background:rgba(0, 0, 0, 0.15) }
.swiper-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-css-mode>.swiper-wrapper { overflow:auto; scrollbar-width:none; -ms-overflow-style:none }
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:start start }
.swiper-horizontal.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory; scroll-snap-type:x mandatory }
.swiper-vertical.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type:y mandatory; -ms-scroll-snap-type:y mandatory; scroll-snap-type:y mandatory }
.swiper-centered>.swiper-wrapper::before {
content:'';
-webkit-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0;
-webkit-box-ordinal-group:10000;
-webkit-order:9999;
-ms-flex-order:9999;
order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start:var(--swiper-centered-offset-before); -moz-margin-start:var(--swiper-centered-offset-before); margin-inline-start:var(--swiper-centered-offset-before) }
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height:100%;
width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before:var(--swiper-centered-offset-before); margin-block-start:var(--swiper-centered-offset-before) }
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width:100%;
height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align:center center }
@font-face {
font-family:swiper-icons;
src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight:400;
font-style:normal
}
:root { --swiper-theme-color: #007aff
}
.swiper { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 }
.swiper-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; transition-property:transform; transition-property:transform, -webkit-transform, -o-transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0) }
.swiper-pointer-events { -ms-touch-action:pan-y; touch-action:pan-y }
.swiper-pointer-events.swiper-vertical { -ms-touch-action:pan-x; touch-action:pan-x }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; transition-property:transform; transition-property:transform, -webkit-transform, -o-transform }
.swiper-slide-invisible-blank { visibility:hidden }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height:auto }
.swiper-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:height, -o-transform; transition-property:transform, height; transition-property:transform, height, -webkit-transform, -o-transform }
.swiper-backface-hidden .swiper-slide { -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective:1200px; perspective:1200px }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 }
.swiper-3d .swiper-slide-shadow { background:rgba(0, 0, 0, 0.15) }
.swiper-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-css-mode>.swiper-wrapper { overflow:auto; scrollbar-width:none; -ms-overflow-style:none }
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:start start }
.swiper-horizontal.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory; scroll-snap-type:x mandatory }
.swiper-vertical.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type:y mandatory; -ms-scroll-snap-type:y mandatory; scroll-snap-type:y mandatory }
.swiper-centered>.swiper-wrapper::before {
content:'';
-webkit-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0;
-webkit-box-ordinal-group:10000;
-webkit-order:9999;
-ms-flex-order:9999;
order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start:var(--swiper-centered-offset-before); -moz-margin-start:var(--swiper-centered-offset-before); margin-inline-start:var(--swiper-centered-offset-before) }
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height:100%;
min-height:1px;
width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before:var(--swiper-centered-offset-before); margin-block-start:var(--swiper-centered-offset-before) }
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width:100%;
min-width:1px;
height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align:center center }
.swiper-virtual .swiper-slide { -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); transform:translateZ(0) }
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content:'';
position:absolute;
left:0;
top:0;
pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height:1px;
width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width:1px;
height:var(--swiper-virtual-size)
}
:root { --swiper-navigation-size: 44px
}
.swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:-webkit-calc(var(--swiper-navigation-size)/ 44 * 27);
width:calc(var(--swiper-navigation-size)/ 44 * 27);
height:var(--swiper-navigation-size); margin-top:-webkit-calc(0px - (var(--swiper-navigation-size)/ 2));
margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
z-index:10; cursor:pointer; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; color:var(--swiper-navigation-color, var(--swiper-theme-color)) }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none }
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity:0; cursor:auto; pointer-events:none }
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display:none !important }
.swiper-button-next:after, .swiper-button-prev:after { font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none !important; letter-spacing:0; font-variant:initial; line-height:1 }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left:10px; right:auto }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content:'prev' }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right:10px; left:auto }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content:'next' }
.swiper-button-lock { display:none }
.swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s opacity;
-o-transition:.3s opacity;
transition:.3s opacity;
-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10 }
.swiper-pagination.swiper-pagination-hidden { opacity:0 }
.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display:none !important }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:10px; left:0; width:100% }
.swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); -o-transform:scale(0.33); transform:scale(0.33); position:relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(0.66); -ms-transform:scale(0.66); -o-transform:scale(0.66); transform:scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); -o-transform:scale(0.33); transform:scale(0.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(0.66); -ms-transform:scale(0.66); -o-transform:scale(0.66); transform:scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); -o-transform:scale(0.33); transform:scale(0.33) }
.swiper-pagination-bullet { width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display:inline-block; border-radius:50%; background:var(--swiper-pagination-bullet-inactive-color, #000); opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2) }
button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer }
.swiper-pagination-bullet:only-child { display:none !important }
.swiper-pagination-bullet-active { opacity:var(--swiper-pagination-bullet-opacity, 1); background:var(--swiper-pagination-color, var(--swiper-theme-color)) }
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0px, -50%, 0); transform:translate3d(0px, -50%, 0) }
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display:block }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:8px }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:.2s transform, .2s top;
-o-transition:.2s transform, .2s top;
transition:.2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px) }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s transform, .2s left;
-o-transition:.2s transform, .2s left;
transition:.2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s transform, .2s right;
-o-transition:.2s transform, .2s right;
transition:.2s transform, .2s right
}
.swiper-pagination-progressbar { background:rgba(0, 0, 0, 0.25); position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--swiper-pagination-color, var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top; transform-origin:right top }
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:100%; height:4px; left:0; top:0 }
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0 }
.swiper-pagination-lock { display:none }
.swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, 0.1) }
.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display:none !important }
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% }
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% }
.swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, 0.5); border-radius:10px; left:0; top:0 }
.swiper-scrollbar-cursor-drag { cursor:move }
.swiper-scrollbar-lock { display:none }
.swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-align:center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain }
.swiper-slide-zoomed { cursor:move }
.swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; -o-transform-origin:50%; transform-origin:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent }
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
-webkit-animation:swiper-preloader-spin 1s infinite linear;
-o-animation:swiper-preloader-spin 1s infinite linear;
animation:swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black { --swiper-preloader-color: #000
}
@-webkit-keyframes swiper-preloader-spin { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-o-keyframes swiper-preloader-spin { 0% {
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin { 0% {
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 }
.swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto }
.swiper-grid>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.swiper-grid-column>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out }
.swiper-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity }
.swiper-fade .swiper-slide .swiper-slide { pointer-events:none }
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-cube { overflow:visible }
.swiper-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% }
.swiper-cube .swiper-slide .swiper-slide { pointer-events:none }
.swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; -o-transform-origin:100% 0; transform-origin:100% 0 }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events:auto; visibility:visible }
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0px; width:100%; height:100%; opacity:.6; z-index:0 }
.swiper-cube .swiper-cube-shadow:before { content:''; background:#000; position:absolute; left:0; top:0; bottom:0; right:0; -webkit-filter:blur(50px); filter:blur(50px) }
.swiper-flip { overflow:visible }
.swiper-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 }
.swiper-flip .swiper-slide .swiper-slide { pointer-events:none }
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-creative .swiper-slide { -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; -webkit-transition-property:opacity, height, -webkit-transform; transition-property:opacity, height, -webkit-transform; -o-transition-property:opacity, height, -o-transform; transition-property:transform, opacity, height; transition-property:transform, opacity, height, -webkit-transform, -o-transform }
.swiper-cards { overflow:visible }
.swiper-cards .swiper-slide { -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden }/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated { -webkit-animation-duration:1.8s; -o-animation-duration:1.8s; animation-duration:1.8s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; visibility:hidden }
.animated.infinite { -webkit-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; animation-iteration-count:infinite }
.animated.hinge { -webkit-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s }
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration:.75s;
-o-animation-duration:.75s;
animation-duration:.75s
}
@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
40%, 43%, 70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
70% {
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@-o-keyframes bounce { 0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
40%, 43%, 70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
70% {
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce { 0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
40%, 43%, 70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
70% {
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce { -webkit-animation-name:bounce; -o-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom }
@-webkit-keyframes flash { 0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-o-keyframes flash { 0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash { 0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash { -webkit-animation-name:flash; -o-animation-name:flash; animation-name:flash }
@-webkit-keyframes pulse { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to { -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@-o-keyframes pulse { 0% {
-webkit-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to { -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes pulse { 0% {
-webkit-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to { -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
.pulse { -webkit-animation-name:pulse; -o-animation-name:pulse; animation-name:pulse }
@-webkit-keyframes rubberBand { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
to { -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@-o-keyframes rubberBand { 0% {
-webkit-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
to { -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes rubberBand { 0% {
-webkit-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
to { -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
.rubberBand { -webkit-animation-name:rubberBand; -o-animation-name:rubberBand; animation-name:rubberBand }
@-webkit-keyframes shake { 0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@-o-keyframes shake { 0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake { 0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake { -webkit-animation-name:shake; -o-animation-name:shake; animation-name:shake }
@-webkit-keyframes headShake { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes headShake { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.headShake { -webkit-animation-timing-function:ease-in-out; -o-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-name:headShake; -o-animation-name:headShake; animation-name:headShake }
@-webkit-keyframes swing { 20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to { -webkit-transform:rotate(0deg); transform:rotate(0deg) }
}
@-o-keyframes swing { 20% {
-webkit-transform:rotate(15deg);
-o-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to { -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg) }
}
@keyframes swing { 20% {
-webkit-transform:rotate(15deg);
-o-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to { -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg) }
}
.swing { -webkit-transform-origin:top center; -ms-transform-origin:top center; -o-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; -o-animation-name:swing; animation-name:swing }
@-webkit-keyframes tada { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to { -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@-o-keyframes tada { 0% {
-webkit-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to { -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes tada { 0% {
-webkit-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to { -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
.tada { -webkit-animation-name:tada; -o-animation-name:tada; animation-name:tada }
@-webkit-keyframes wobble { 0% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to { -webkit-transform:none; transform:none }
}
@-o-keyframes wobble { 0% {
-webkit-transform:none;
-o-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes wobble { 0% {
-webkit-transform:none;
-o-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
.wobble { -webkit-animation-name:wobble; -o-animation-name:wobble; animation-name:wobble }
@-webkit-keyframes jello { 0%, 11.1%, to {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.39062deg) skewY(0.39062deg);
transform:skewX(0.39062deg) skewY(0.39062deg)
}
88.8% {
-webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
transform:skewX(-0.19531deg) skewY(-0.19531deg)
}
}
@-o-keyframes jello { 0%, 11.1%, to {
-webkit-transform:none;
-o-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
-o-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
-o-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
-o-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
-o-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
-o-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.39062deg) skewY(0.39062deg);
-o-transform:skewX(0.39062deg) skewY(0.39062deg);
transform:skewX(0.39062deg) skewY(0.39062deg)
}
88.8% {
-webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
-o-transform:skewX(-0.19531deg) skewY(-0.19531deg);
transform:skewX(-0.19531deg) skewY(-0.19531deg)
}
}
@keyframes jello { 0%, 11.1%, to {
-webkit-transform:none;
-o-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
-o-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
-o-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
-o-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
-o-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
-o-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.39062deg) skewY(0.39062deg);
-o-transform:skewX(0.39062deg) skewY(0.39062deg);
transform:skewX(0.39062deg) skewY(0.39062deg)
}
88.8% {
-webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
-o-transform:skewX(-0.19531deg) skewY(-0.19531deg);
transform:skewX(-0.19531deg) skewY(-0.19531deg)
}
}
.jello { -webkit-animation-name:jello; -o-animation-name:jello; animation-name:jello; -webkit-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; transform-origin:center }
@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to { opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@-o-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to { opacity:1; -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to { opacity:1; -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
.bounceIn { -webkit-animation-name:bounceIn; -o-animation-name:bounceIn; animation-name:bounceIn }
@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to { -webkit-transform:none; transform:none }
}
@-o-keyframes bounceInDown { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes bounceInDown { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
.bounceInDown { -webkit-animation-name:bounceInDown; -o-animation-name:bounceInDown; animation-name:bounceInDown }
@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to { -webkit-transform:none; transform:none }
}
@-o-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
.bounceInLeft { -webkit-animation-name:bounceInLeft; -o-animation-name:bounceInLeft; animation-name:bounceInLeft }
@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to { -webkit-transform:none; transform:none }
}
@-o-keyframes bounceInRight { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes bounceInRight { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
.bounceInRight { -webkit-animation-name:bounceInRight; -o-animation-name:bounceInRight; animation-name:bounceInRight }
@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@-o-keyframes bounceInUp { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes bounceInUp { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.bounceInUp { -webkit-animation-name:bounceInUp; -o-animation-name:bounceInUp; animation-name:bounceInUp }
@-webkit-keyframes bounceOut { 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to { opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
}
@-o-keyframes bounceOut { 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to { opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
}
@keyframes bounceOut { 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to { opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
}
.bounceOut { -webkit-animation-name:bounceOut; -o-animation-name:bounceOut; animation-name:bounceOut }
@-webkit-keyframes bounceOutDown { 20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
@-o-keyframes bounceOutDown { 20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
@keyframes bounceOutDown { 20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
.bounceOutDown { -webkit-animation-name:bounceOutDown; -o-animation-name:bounceOutDown; animation-name:bounceOutDown }
@-webkit-keyframes bounceOutLeft { 20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
@-o-keyframes bounceOutLeft { 20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
@keyframes bounceOutLeft { 20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
.bounceOutLeft { -webkit-animation-name:bounceOutLeft; -o-animation-name:bounceOutLeft; animation-name:bounceOutLeft }
@-webkit-keyframes bounceOutRight { 20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
@-o-keyframes bounceOutRight { 20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
@keyframes bounceOutRight { 20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
.bounceOutRight { -webkit-animation-name:bounceOutRight; -o-animation-name:bounceOutRight; animation-name:bounceOutRight }
@-webkit-keyframes bounceOutUp { 20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
@-o-keyframes bounceOutUp { 20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
@keyframes bounceOutUp { 20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
.bounceOutUp { -webkit-animation-name:bounceOutUp; -o-animation-name:bounceOutUp; animation-name:bounceOutUp }
@-webkit-keyframes fadeIn { 0% {
opacity:0
}
to { opacity:1 }
}
@-o-keyframes fadeIn { 0% {
opacity:0
}
to { opacity:1 }
}
@keyframes fadeIn { 0% {
opacity:0
}
to { opacity:1 }
}
.fadeIn { -webkit-animation-name:fadeIn; -o-animation-name:fadeIn; animation-name:fadeIn }
@-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-50px);
transform:translateY(-50px)
}
80px {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-50px);
-o-transform:translateY(-50px);
transform:translateY(-50px)
}
80px {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-50px);
-o-transform:translateY(-50px);
transform:translateY(-50px)
}
80px {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown { -webkit-animation-name:fadeInDown; -o-animation-name:fadeInDown; animation-name:fadeInDown }
@-webkit-keyframes fadeInDownBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@-o-keyframes fadeInDownBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes fadeInDownBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInDownBig { -webkit-animation-name:fadeInDownBig; -o-animation-name:fadeInDownBig; animation-name:fadeInDownBig }
@-webkit-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-80px, 0, 0);
transform:translate3d(-80px, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@-o-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-80px, 0, 0);
transform:translate3d(-80px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-80px, 0, 0);
transform:translate3d(-80px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInLeft { -webkit-animation-name:fadeInLeft; -o-animation-name:fadeInLeft; animation-name:fadeInLeft }
@-webkit-keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@-o-keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInLeftBig { -webkit-animation-name:fadeInLeftBig; -o-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig }
@-webkit-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(80px, 0, 0);
transform:translate3d(80px, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@-o-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(80px, 0, 0);
transform:translate3d(80px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(80px, 0, 0);
transform:translate3d(80px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInRight { -webkit-animation-name:fadeInRight; -o-animation-name:fadeInRight; animation-name:fadeInRight }
@-webkit-keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@-o-keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInRightBig { -webkit-animation-name:fadeInRightBig; -o-animation-name:fadeInRightBig; animation-name:fadeInRightBig }
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@-o-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInUp { -webkit-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp }
@-webkit-keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@-o-keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInUpBig { -webkit-animation-name:fadeInUpBig; -o-animation-name:fadeInUpBig; animation-name:fadeInUpBig }
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
to { opacity:0 }
}
@-o-keyframes fadeOut { 0% {
opacity:1
}
to { opacity:0 }
}
@keyframes fadeOut { 0% {
opacity:1
}
to { opacity:0 }
}
.fadeOut { -webkit-animation-name:fadeOut; -o-animation-name:fadeOut; animation-name:fadeOut }
@-webkit-keyframes fadeOutDown { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, 80px, 0); transform:translate3d(0, 80px, 0) }
}
@-o-keyframes fadeOutDown { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, 80px, 0); transform:translate3d(0, 80px, 0) }
}
@keyframes fadeOutDown { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, 80px, 0); transform:translate3d(0, 80px, 0) }
}
.fadeOutDown { -webkit-animation-name:fadeOutDown; -o-animation-name:fadeOutDown; animation-name:fadeOutDown }
@-webkit-keyframes fadeOutDownBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
@-o-keyframes fadeOutDownBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
@keyframes fadeOutDownBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
.fadeOutDownBig { -webkit-animation-name:fadeOutDownBig; -o-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig }
@-webkit-keyframes fadeOutLeft { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(-80px, 0, 0); transform:translate3d(-80px, 0, 0) }
}
@-o-keyframes fadeOutLeft { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(-80px, 0, 0); transform:translate3d(-80px, 0, 0) }
}
@keyframes fadeOutLeft { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(-80px, 0, 0); transform:translate3d(-80px, 0, 0) }
}
.fadeOutLeft { -webkit-animation-name:fadeOutLeft; -o-animation-name:fadeOutLeft; animation-name:fadeOutLeft }
@-webkit-keyframes fadeOutLeftBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
@-o-keyframes fadeOutLeftBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
@keyframes fadeOutLeftBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
.fadeOutLeftBig { -webkit-animation-name:fadeOutLeftBig; -o-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig }
@-webkit-keyframes fadeOutRight { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(80px, 0, 0); transform:translate3d(80px, 0, 0) }
}
@-o-keyframes fadeOutRight { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(80px, 0, 0); transform:translate3d(80px, 0, 0) }
}
@keyframes fadeOutRight { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(80px, 0, 0); transform:translate3d(80px, 0, 0) }
}
.fadeOutRight { -webkit-animation-name:fadeOutRight; -o-animation-name:fadeOutRight; animation-name:fadeOutRight }
@-webkit-keyframes fadeOutRightBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
@-o-keyframes fadeOutRightBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
@keyframes fadeOutRightBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
.fadeOutRightBig { -webkit-animation-name:fadeOutRightBig; -o-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig }
@-webkit-keyframes fadeOutUp { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, -80px, 0); transform:translate3d(0, -80px, 0) }
}
@-o-keyframes fadeOutUp { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, -80px, 0); transform:translate3d(0, -80px, 0) }
}
@keyframes fadeOutUp { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, -80px, 0); transform:translate3d(0, -80px, 0) }
}
.fadeOutUp { -webkit-animation-name:fadeOutUp; -o-animation-name:fadeOutUp; animation-name:fadeOutUp }
@-webkit-keyframes fadeOutUpBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
@-o-keyframes fadeOutUpBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
@keyframes fadeOutUpBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
.fadeOutUpBig { -webkit-animation-name:fadeOutUpBig; -o-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig }
@-webkit-keyframes flip { 0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%, 80% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
}
@-o-keyframes flip { 0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
-o-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%, 80% {
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; -o-animation-timing-function:ease-in; animation-timing-function:ease-in }
}
@keyframes flip { 0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
-o-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%, 80% {
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; -o-animation-timing-function:ease-in; animation-timing-function:ease-in }
}
.animated.flip { -webkit-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; -o-animation-name:flip; animation-name:flip }
@-webkit-keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
@-o-keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
@keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
.flipInX { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInX; -o-animation-name:flipInX; animation-name:flipInX }
@-webkit-keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
@-o-keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
@keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
.flipInY { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInY; -o-animation-name:flipInY; animation-name:flipInY }
@-webkit-keyframes flipOutX { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 }
}
@-o-keyframes flipOutX { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 }
}
@keyframes flipOutX { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 }
}
.flipOutX { -webkit-animation-name:flipOutX; -o-animation-name:flipOutX; animation-name:flipOutX; -webkit-backface-visibility:visible !important; backface-visibility:visible !important }
@-webkit-keyframes flipOutY { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 }
}
@-o-keyframes flipOutY { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 }
}
@keyframes flipOutY { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 }
}
.flipOutY { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipOutY; -o-animation-name:flipOutY; animation-name:flipOutY }
@-webkit-keyframes lightSpeedIn { 0% {
-webkit-transform:translate3d(80px, 0, 0) skewX(-30deg);
transform:translate3d(80px, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg)
}
60%, 80% {
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to { -webkit-transform:none; transform:none; opacity:1 }
}
@-o-keyframes lightSpeedIn { 0% {
-webkit-transform:translate3d(80px, 0, 0) skewX(-30deg);
transform:translate3d(80px, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
-o-transform:skewX(20deg);
transform:skewX(20deg)
}
60%, 80% {
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
-o-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to { -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
@keyframes lightSpeedIn { 0% {
-webkit-transform:translate3d(80px, 0, 0) skewX(-30deg);
transform:translate3d(80px, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
-o-transform:skewX(20deg);
transform:skewX(20deg)
}
60%, 80% {
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
-o-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to { -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.lightSpeedIn { -webkit-animation-name:lightSpeedIn; -o-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; -o-animation-timing-function:ease-out; animation-timing-function:ease-out }
@-webkit-keyframes lightSpeedOut { 0% {
opacity:1
}
to { -webkit-transform:translate3d(80px, 0, 0) skewX(30deg); transform:translate3d(80px, 0, 0) skewX(30deg); opacity:0 }
}
@-o-keyframes lightSpeedOut { 0% {
opacity:1
}
to { -webkit-transform:translate3d(80px, 0, 0) skewX(30deg); transform:translate3d(80px, 0, 0) skewX(30deg); opacity:0 }
}
@keyframes lightSpeedOut { 0% {
opacity:1
}
to { -webkit-transform:translate3d(80px, 0, 0) skewX(30deg); transform:translate3d(80px, 0, 0) skewX(30deg); opacity:0 }
}
.lightSpeedOut { -webkit-animation-name:lightSpeedOut; -o-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; -o-animation-timing-function:ease-in; animation-timing-function:ease-in }
@-webkit-keyframes rotateIn { 0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 }
}
@-o-keyframes rotateIn { 0% {
-o-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
-o-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to { -o-transform-origin:center; transform-origin:center; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
@keyframes rotateIn { 0% {
-webkit-transform-origin:center;
-o-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
-o-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; -o-transform-origin:center; transform-origin:center; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.rotateIn { -webkit-animation-name:rotateIn; -o-animation-name:rotateIn; animation-name:rotateIn }
@-webkit-keyframes rotateInDownLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 }
}
@-o-keyframes rotateInDownLeft { 0% {
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
@keyframes rotateInDownLeft { 0% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.rotateInDownLeft { -webkit-animation-name:rotateInDownLeft; -o-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft }
@-webkit-keyframes rotateInDownRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 }
}
@-o-keyframes rotateInDownRight { 0% {
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
@keyframes rotateInDownRight { 0% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.rotateInDownRight { -webkit-animation-name:rotateInDownRight; -o-animation-name:rotateInDownRight; animation-name:rotateInDownRight }
@-webkit-keyframes rotateInUpLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 }
}
@-o-keyframes rotateInUpLeft { 0% {
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
@keyframes rotateInUpLeft { 0% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.rotateInUpLeft { -webkit-animation-name:rotateInUpLeft; -o-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft }
@-webkit-keyframes rotateInUpRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 }
}
@-o-keyframes rotateInUpRight { 0% {
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
@keyframes rotateInUpRight { 0% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.rotateInUpRight { -webkit-animation-name:rotateInUpRight; -o-animation-name:rotateInUpRight; animation-name:rotateInUpRight }
@-webkit-keyframes rotateOut { 0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 }
}
@-o-keyframes rotateOut { 0% {
-o-transform-origin:center;
transform-origin:center;
opacity:1
}
0%, to {
-webkit-transform-origin:center
}
to { -o-transform-origin:center; transform-origin:center; -webkit-transform:rotate(200deg); -o-transform:rotate(200deg); transform:rotate(200deg); opacity:0 }
}
@keyframes rotateOut { 0% {
-webkit-transform-origin:center;
-o-transform-origin:center;
transform-origin:center;
opacity:1
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; -o-transform-origin:center; transform-origin:center; -webkit-transform:rotate(200deg); -o-transform:rotate(200deg); transform:rotate(200deg); opacity:0 }
}
.rotateOut { -webkit-animation-name:rotateOut; -o-animation-name:rotateOut; animation-name:rotateOut }
@-webkit-keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 }
}
@-o-keyframes rotateOutDownLeft { 0% {
-o-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); opacity:0 }
}
@keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); opacity:0 }
}
.rotateOutDownLeft { -webkit-animation-name:rotateOutDownLeft; -o-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft }
@-webkit-keyframes rotateOutDownRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
@-o-keyframes rotateOutDownRight { 0% {
-o-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
@keyframes rotateOutDownRight { 0% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
.rotateOutDownRight { -webkit-animation-name:rotateOutDownRight; -o-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight }
@-webkit-keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
@-o-keyframes rotateOutUpLeft { 0% {
-o-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
@keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
.rotateOutUpLeft { -webkit-animation-name:rotateOutUpLeft; -o-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft }
@-webkit-keyframes rotateOutUpRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
}
@-o-keyframes rotateOutUpRight { 0% {
-o-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
}
@keyframes rotateOutUpRight { 0% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
}
.rotateOutUpRight { -webkit-animation-name:rotateOutUpRight; -o-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight }
@-webkit-keyframes hinge { 0% {
-webkit-transform-origin:top left;
transform-origin:top left
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to { -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); opacity:0 }
}
@-o-keyframes hinge { 0% {
-o-transform-origin:top left;
transform-origin:top left
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-o-transform:rotate(80deg);
transform:rotate(80deg);
-o-transform-origin:top left;
transform-origin:top left
}
40%, 80% {
-webkit-transform:rotate(60deg);
-o-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
-o-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to { -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); opacity:0 }
}
@keyframes hinge { 0% {
-webkit-transform-origin:top left;
-o-transform-origin:top left;
transform-origin:top left
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-o-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
-o-transform-origin:top left;
transform-origin:top left
}
40%, 80% {
-webkit-transform:rotate(60deg);
-o-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
-o-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to { -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); opacity:0 }
}
.hinge { -webkit-animation-name:hinge; -o-animation-name:hinge; animation-name:hinge }
@-webkit-keyframes rollIn { 0% {
opacity:0;
-webkit-transform:translate3d(-80px, 0, 0) rotate(-120deg);
transform:translate3d(-80px, 0, 0) rotate(-120deg)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@-o-keyframes rollIn { 0% {
opacity:0;
-webkit-transform:translate3d(-80px, 0, 0) rotate(-120deg);
transform:translate3d(-80px, 0, 0) rotate(-120deg)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
@keyframes rollIn { 0% {
opacity:0;
-webkit-transform:translate3d(-80px, 0, 0) rotate(-120deg);
transform:translate3d(-80px, 0, 0) rotate(-120deg)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.rollIn { -webkit-animation-name:rollIn; -o-animation-name:rollIn; animation-name:rollIn }
@-webkit-keyframes rollOut { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(80px, 0, 0) rotate(120deg); transform:translate3d(80px, 0, 0) rotate(120deg) }
}
@-o-keyframes rollOut { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(80px, 0, 0) rotate(120deg); transform:translate3d(80px, 0, 0) rotate(120deg) }
}
@keyframes rollOut { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(80px, 0, 0) rotate(120deg); transform:translate3d(80px, 0, 0) rotate(120deg) }
}
.rollOut { -webkit-animation-name:rollOut; -o-animation-name:rollOut; animation-name:rollOut }
@-webkit-keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
@-o-keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
@keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
.zoomIn { -webkit-animation-name:zoomIn; -o-animation-name:zoomIn; animation-name:zoomIn }
@-webkit-keyframes zoomInDown { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInDown { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInDown { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInDown { -webkit-animation-name:zoomInDown; -o-animation-name:zoomInDown; animation-name:zoomInDown }
@-webkit-keyframes zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInLeft { -webkit-animation-name:zoomInLeft; -o-animation-name:zoomInLeft; animation-name:zoomInLeft }
@-webkit-keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInRight { -webkit-animation-name:zoomInRight; -o-animation-name:zoomInRight; animation-name:zoomInRight }
@-webkit-keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInUp { -webkit-animation-name:zoomInUp; -o-animation-name:zoomInUp; animation-name:zoomInUp }
@-webkit-keyframes zoomOut { 0% {
opacity:1
}
50% {
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50%, to {
opacity:0
}
}
@-o-keyframes zoomOut { 0% {
opacity:1
}
50% {
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50%, to {
opacity:0
}
}
@keyframes zoomOut { 0% {
opacity:1
}
50% {
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50%, to {
opacity:0
}
}
.zoomOut { -webkit-animation-name:zoomOut; -o-animation-name:zoomOut; animation-name:zoomOut }
@-webkit-keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@-o-keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); -o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); -o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomOutDown { -webkit-animation-name:zoomOutDown; -o-animation-name:zoomOutDown; animation-name:zoomOutDown }
@-webkit-keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to { opacity:0; -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0); transform:scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; transform-origin:left center }
}
@-o-keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to { opacity:0; -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0); transform:scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; -o-transform-origin:left center; transform-origin:left center }
}
@keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to { opacity:0; -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0); transform:scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; -o-transform-origin:left center; transform-origin:left center }
}
.zoomOutLeft { -webkit-animation-name:zoomOutLeft; -o-animation-name:zoomOutLeft; animation-name:zoomOutLeft }
@-webkit-keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to { opacity:0; -webkit-transform:scale(0.1) translate3d(2000px, 0, 0); transform:scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; transform-origin:right center }
}
@-o-keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to { opacity:0; -webkit-transform:scale(0.1) translate3d(2000px, 0, 0); transform:scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; -o-transform-origin:right center; transform-origin:right center }
}
@keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to { opacity:0; -webkit-transform:scale(0.1) translate3d(2000px, 0, 0); transform:scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; -o-transform-origin:right center; transform-origin:right center }
}
.zoomOutRight { -webkit-animation-name:zoomOutRight; -o-animation-name:zoomOutRight; animation-name:zoomOutRight }
@-webkit-keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@-o-keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); -o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); -o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomOutUp { -webkit-animation-name:zoomOutUp; -o-animation-name:zoomOutUp; animation-name:zoomOutUp }
@-webkit-keyframes slideInDown { 0% {
-webkit-transform:translate3d(0, -80px, 0);
transform:translate3d(0, -80px, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@-o-keyframes slideInDown { 0% {
-webkit-transform:translate3d(0, -80px, 0);
transform:translate3d(0, -80px, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInDown { 0% {
-webkit-transform:translate3d(0, -80px, 0);
transform:translate3d(0, -80px, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInDown { -webkit-animation-name:slideInDown; -o-animation-name:slideInDown; animation-name:slideInDown }
@-webkit-keyframes slideInLeft { 0% {
-webkit-transform:translate3d(-80px, 0, 0);
transform:translate3d(-80px, 0, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@-o-keyframes slideInLeft { 0% {
-webkit-transform:translate3d(-80px, 0, 0);
transform:translate3d(-80px, 0, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInLeft { 0% {
-webkit-transform:translate3d(-80px, 0, 0);
transform:translate3d(-80px, 0, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInLeft { -webkit-animation-name:slideInLeft; -o-animation-name:slideInLeft; animation-name:slideInLeft }
@-webkit-keyframes slideInRight { 0% {
-webkit-transform:translate3d(80px, 0, 0);
transform:translate3d(80px, 0, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@-o-keyframes slideInRight { 0% {
-webkit-transform:translate3d(80px, 0, 0);
transform:translate3d(80px, 0, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInRight { 0% {
-webkit-transform:translate3d(80px, 0, 0);
transform:translate3d(80px, 0, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInRight { -webkit-animation-name:slideInRight; -o-animation-name:slideInRight; animation-name:slideInRight }
@-webkit-keyframes slideInUp { 0% {
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@-o-keyframes slideInUp { 0% {
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInUp { 0% {
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInUp { -webkit-animation-name:slideInUp; -o-animation-name:slideInUp; animation-name:slideInUp }
@-webkit-keyframes slideOutDown { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(0, 80px, 0); transform:translate3d(0, 80px, 0) }
}
@-o-keyframes slideOutDown { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(0, 80px, 0); transform:translate3d(0, 80px, 0) }
}
@keyframes slideOutDown { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(0, 80px, 0); transform:translate3d(0, 80px, 0) }
}
.slideOutDown { -webkit-animation-name:slideOutDown; -o-animation-name:slideOutDown; animation-name:slideOutDown }
@-webkit-keyframes slideOutLeft { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(-80px, 0, 0); transform:translate3d(-80px, 0, 0) }
}
@-o-keyframes slideOutLeft { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(-80px, 0, 0); transform:translate3d(-80px, 0, 0) }
}
@keyframes slideOutLeft { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(-80px, 0, 0); transform:translate3d(-80px, 0, 0) }
}
.slideOutLeft { -webkit-animation-name:slideOutLeft; -o-animation-name:slideOutLeft; animation-name:slideOutLeft }
@-webkit-keyframes slideOutRight { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(80px, 0, 0); transform:translate3d(80px, 0, 0) }
}
@-o-keyframes slideOutRight { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(80px, 0, 0); transform:translate3d(80px, 0, 0) }
}
@keyframes slideOutRight { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(80px, 0, 0); transform:translate3d(80px, 0, 0) }
}
.slideOutRight { -webkit-animation-name:slideOutRight; -o-animation-name:slideOutRight; animation-name:slideOutRight }
@-webkit-keyframes slideOutUp { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(0, -80px, 0); transform:translate3d(0, -80px, 0) }
}
@-o-keyframes slideOutUp { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(0, -80px, 0); transform:translate3d(0, -80px, 0) }
}
@keyframes slideOutUp { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(0, -80px, 0); transform:translate3d(0, -80px, 0) }
}
.slideOutUp { -webkit-animation-name:slideOutUp; -o-animation-name:slideOutUp; animation-name:slideOutUp }
html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none }
*, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-repeat:no-repeat }
html, body { margin:0px; padding:0px; font-family:PingFangSC-Regular, sans-serif, "microsoft yahei"; font-size:14px; margin:0px; padding:0px; color:#333; line-height:22px; height:auto; clear:both; overflow-x:hidden }
div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input { margin:0; padding:0; border:0; background-repeat:no-repeat }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin:0; padding:0; font-weight:normal }
p { margin:0px; padding:0px }
body, button, input, select, textarea { font:14px/1.5 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial; color:#333 }
img { border:0px; vertical-align:middle; max-width:100%; max-height:100% }
table { border-collapse:collapse; border-spacing:0 }
*, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-repeat:no-repeat }
ul, li { list-style:none }
em, i { font-style:normal }
a { background-color:transparent; -webkit-text-decoration-skip:objects; text-decoration:none; color:#333; outline:none; cursor:pointer }
a:hover { background-repeat:no-repeat; text-decoration:none }
a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor:pointer }
[type="checkbox"], [type="radio"] {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0
}
input, textarea, select, button { border:none; outline:none; color:inherit; font-size:14px; background:none; font-family:inherit; outline:none }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style:none; -webkit-appearance:none; resize:none }
textarea { overflow:auto; vertical-align:top; resize:none }
input:-webkit-autofill {
-webkit-box-shadow:0 0 0px rgba(255, 255, 255, 0) inset !important;
-webkit-appearance:none;
background:none;
outline:none;
border:none
}
a, button, input, optgroup, select, textarea { -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
input::-ms-clear {
display:none
}
input::-ms-reveal {
display:none
}
input:-internal-autofill-previewed, input:-internal-autofill-selected {
-webkit-text-fill-color:#999 !important;
-webkit-transition:background-color 99999999s ease-in-out 0s !important;
-o-transition:background-color 99999999s ease-in-out 0s !important;
transition:background-color 99999999s ease-in-out 0s !important
}
input, textarea { -webkit-appearance:none }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 }
.clearfix { *zoom:1
}
ul.ulclear { margin:0px; padding:0px; list-style:none }
ul.ulclear li { margin:0px; padding:0px; list-style:none }
ol.olclear { margin:0px; padding:0px; list-style:none }
ol.olclear li { margin:0px; padding:0px; list-style:none }
input, textarea, button { border:none; outline:none; color:inherit; font-size:14px; background:none; font-family:inherit; outline:none }
textarea { resize:none; overflow:auto }
input { -webkit-appearance:none }
input { background:none; outline:none; border:none }
.iconfont { color:inherit; font-size:inherit; display:inline-block; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
.fl { float:left }
.fr { float:right }
.show { display:block !important }
.hide { display:none !important }
.visible-sm, .visible-md, .visible-lg { display:none }
.hidden-sm, .hidden-md, .hidden-lg { display:block }
@media screen and (max-width: 768px) {
.hidden-sm, .hidden-md, .hidden-lg {
display:none
}
.visible-sm, .visible-md, .visible-lg {
display:block
}
}
a { -webkit-transform:all 0.3s; -ms-transform:all 0.3s; -o-transform:all 0.3s; transform:all 0.3s }
@keyframes pic_m { 0% {
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes jump { 0% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-0.05rem);
-o-transform:translateY(-0.05rem);
transform:translateY(-0.05rem)
}
100% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes round { 0% {
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(1.4);
-o-transform:scale(1.4);
transform:scale(1.4)
}
}
@keyframes round2 { 0% {
-webkit-transform:scale(0.5);
-o-transform:scale(0.5);
transform:scale(0.5)
}
100% {
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes rotate { 0% {
-webkit-transform:translate(-50%, 0) rotateZ(0deg);
-o-transform:translate(-50%, 0) rotateZ(0deg);
transform:translate(-50%, 0) rotateZ(0deg)
}
50% {
-webkit-transform:translate(-50%, -2%) rotateZ(180deg);
-o-transform:translate(-50%, -2%) rotateZ(180deg);
transform:translate(-50%, -2%) rotateZ(180deg)
}
100% {
-webkit-transform:translate(-50%, 0%) rotateZ(360deg);
-o-transform:translate(-50%, 0%) rotateZ(360deg);
transform:translate(-50%, 0%) rotateZ(360deg)
}
}
@keyframes rwidth { 0% {
width:0
}
100% {
width:72.396vw
}
}
@keyframes rheight { 0% {
height:0
}
100% {
height:3.88rem
}
}
@keyframes rotates { 0% {
-webkit-transform:rotateY(90deg);
transform:rotateY(90deg)
}
100% {
-webkit-transform:rotateY(0);
transform:rotateY(0)
}
}
@keyframes animX { 0% {
left:-43px
}
10% {
left:0
}
20% {
left:50px
}
100% {
left:603px
}
}
@keyframes animY { 0% {
top:30px
}
10% {
left:60px
}
20% {
left:100px
}
100% {
top:388px
}
}
:root { --swiper-theme-color: #0196da
}
.swiper { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 }
.swiper-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; transition-property:transform; transition-property:transform, -webkit-transform, -o-transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0) }
.swiper-pointer-events { -ms-touch-action:pan-y; touch-action:pan-y }
.swiper-pointer-events.swiper-vertical { -ms-touch-action:pan-x; touch-action:pan-x }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; transition-property:transform; transition-property:transform, -webkit-transform, -o-transform }
.swiper-slide-invisible-blank { visibility:hidden }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height:auto }
.swiper-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:height, -o-transform; transition-property:transform, height; transition-property:transform, height, -webkit-transform, -o-transform }
.swiper-backface-hidden .swiper-slide { -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective:1200px; perspective:1200px }
.swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 }
.swiper-3d .swiper-slide-shadow { background:rgba(0, 0, 0, 0.15) }
.swiper-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-css-mode>.swiper-wrapper { overflow:auto; scrollbar-width:none; -ms-overflow-style:none }
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:start start }
.swiper-horizontal.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory; scroll-snap-type:x mandatory }
.swiper-vertical.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type:y mandatory; -ms-scroll-snap-type:y mandatory; scroll-snap-type:y mandatory }
.swiper-centered>.swiper-wrapper::before {
content:'';
-webkit-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0;
-webkit-box-ordinal-group:10000;
-webkit-order:9999;
-ms-flex-order:9999;
order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start:var(--swiper-centered-offset-before); -moz-margin-start:var(--swiper-centered-offset-before); margin-inline-start:var(--swiper-centered-offset-before) }
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height:100%;
width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before:var(--swiper-centered-offset-before); margin-block-start:var(--swiper-centered-offset-before) }
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width:100%;
height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align:center center }
@font-face {
font-family:swiper-icons;
src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight:400;
font-style:normal
}
:root { --swiper-theme-color: #007aff
}
.swiper { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 }
.swiper-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; transition-property:transform; transition-property:transform, -webkit-transform, -o-transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0) }
.swiper-pointer-events { -ms-touch-action:pan-y; touch-action:pan-y }
.swiper-pointer-events.swiper-vertical { -ms-touch-action:pan-x; touch-action:pan-x }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; transition-property:transform; transition-property:transform, -webkit-transform, -o-transform }
.swiper-slide-invisible-blank { visibility:hidden }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height:auto }
.swiper-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:height, -o-transform; transition-property:transform, height; transition-property:transform, height, -webkit-transform, -o-transform }
.swiper-backface-hidden .swiper-slide { -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective:1200px; perspective:1200px }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 }
.swiper-3d .swiper-slide-shadow { background:rgba(0, 0, 0, 0.15) }
.swiper-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-css-mode>.swiper-wrapper { overflow:auto; scrollbar-width:none; -ms-overflow-style:none }
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:start start }
.swiper-horizontal.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory; scroll-snap-type:x mandatory }
.swiper-vertical.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type:y mandatory; -ms-scroll-snap-type:y mandatory; scroll-snap-type:y mandatory }
.swiper-centered>.swiper-wrapper::before {
content:'';
-webkit-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0;
-webkit-box-ordinal-group:10000;
-webkit-order:9999;
-ms-flex-order:9999;
order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start:var(--swiper-centered-offset-before); -moz-margin-start:var(--swiper-centered-offset-before); margin-inline-start:var(--swiper-centered-offset-before) }
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height:100%;
min-height:1px;
width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before:var(--swiper-centered-offset-before); margin-block-start:var(--swiper-centered-offset-before) }
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width:100%;
min-width:1px;
height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align:center center }
.swiper-virtual .swiper-slide { -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); transform:translateZ(0) }
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content:'';
position:absolute;
left:0;
top:0;
pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height:1px;
width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width:1px;
height:var(--swiper-virtual-size)
}
:root { --swiper-navigation-size: 44px
}
.swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:-webkit-calc(var(--swiper-navigation-size)/ 44 * 27);
width:calc(var(--swiper-navigation-size)/ 44 * 27);
height:var(--swiper-navigation-size); margin-top:-webkit-calc(0px - (var(--swiper-navigation-size)/ 2));
margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
z-index:10; cursor:pointer; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; color:var(--swiper-navigation-color, var(--swiper-theme-color)) }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none }
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity:0; cursor:auto; pointer-events:none }
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display:none !important }
.swiper-button-next:after, .swiper-button-prev:after { font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none !important; letter-spacing:0; font-variant:initial; line-height:1 }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left:10px; right:auto }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content:'prev' }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right:10px; left:auto }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content:'next' }
.swiper-button-lock { display:none }
.swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s opacity;
-o-transition:.3s opacity;
transition:.3s opacity;
-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10 }
.swiper-pagination.swiper-pagination-hidden { opacity:0 }
.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display:none !important }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:10px; left:0; width:100% }
.swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); -o-transform:scale(0.33); transform:scale(0.33); position:relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(0.66); -ms-transform:scale(0.66); -o-transform:scale(0.66); transform:scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); -o-transform:scale(0.33); transform:scale(0.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(0.66); -ms-transform:scale(0.66); -o-transform:scale(0.66); transform:scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); -o-transform:scale(0.33); transform:scale(0.33) }
.swiper-pagination-bullet { width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display:inline-block; border-radius:50%; background:var(--swiper-pagination-bullet-inactive-color, #000); opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2) }
button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer }
.swiper-pagination-bullet:only-child { display:none !important }
.swiper-pagination-bullet-active { opacity:var(--swiper-pagination-bullet-opacity, 1); background:var(--swiper-pagination-color, var(--swiper-theme-color)) }
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0px, -50%, 0); transform:translate3d(0px, -50%, 0) }
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display:block }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:8px }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:.2s transform, .2s top;
-o-transition:.2s transform, .2s top;
transition:.2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px) }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s transform, .2s left;
-o-transition:.2s transform, .2s left;
transition:.2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s transform, .2s right;
-o-transition:.2s transform, .2s right;
transition:.2s transform, .2s right
}
.swiper-pagination-progressbar { background:rgba(0, 0, 0, 0.25); position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--swiper-pagination-color, var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top; transform-origin:right top }
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:100%; height:4px; left:0; top:0 }
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0 }
.swiper-pagination-lock { display:none }
.swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, 0.1) }
.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display:none !important }
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% }
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% }
.swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, 0.5); border-radius:10px; left:0; top:0 }
.swiper-scrollbar-cursor-drag { cursor:move }
.swiper-scrollbar-lock { display:none }
.swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-align:center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain }
.swiper-slide-zoomed { cursor:move }
.swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; -o-transform-origin:50%; transform-origin:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent }
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
-webkit-animation:swiper-preloader-spin 1s infinite linear;
-o-animation:swiper-preloader-spin 1s infinite linear;
animation:swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black { --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin { 0% {
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 }
.swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto }
.swiper-grid>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.swiper-grid-column>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out }
.swiper-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity }
.swiper-fade .swiper-slide .swiper-slide { pointer-events:none }
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-cube { overflow:visible }
.swiper-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% }
.swiper-cube .swiper-slide .swiper-slide { pointer-events:none }
.swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; -o-transform-origin:100% 0; transform-origin:100% 0 }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events:auto; visibility:visible }
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0px; width:100%; height:100%; opacity:.6; z-index:0 }
.swiper-cube .swiper-cube-shadow:before { content:''; background:#000; position:absolute; left:0; top:0; bottom:0; right:0; -webkit-filter:blur(50px); filter:blur(50px) }
.swiper-flip { overflow:visible }
.swiper-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 }
.swiper-flip .swiper-slide .swiper-slide { pointer-events:none }
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-creative .swiper-slide { -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; -webkit-transition-property:opacity, height, -webkit-transform; transition-property:opacity, height, -webkit-transform; -o-transition-property:opacity, height, -o-transform; transition-property:transform, opacity, height; transition-property:transform, opacity, height, -webkit-transform, -o-transform }
.swiper-cards { overflow:visible }
.swiper-cards .swiper-slide { -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden }/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated { -webkit-animation-duration:1.8s; -o-animation-duration:1.8s; animation-duration:1.8s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; visibility:hidden }
.animated.infinite { -webkit-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; animation-iteration-count:infinite }
.animated.hinge { -webkit-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s }
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration:.75s;
-o-animation-duration:.75s;
animation-duration:.75s
}
@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
40%, 43%, 70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
70% {
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce { 0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
40%, 43%, 70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
70% {
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce { -webkit-animation-name:bounce; -o-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom }
@-webkit-keyframes flash { 0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash { 0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash { -webkit-animation-name:flash; -o-animation-name:flash; animation-name:flash }
@-webkit-keyframes pulse { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to { -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes pulse { 0% {
-webkit-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to { -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
.pulse { -webkit-animation-name:pulse; -o-animation-name:pulse; animation-name:pulse }
@-webkit-keyframes rubberBand { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
to { -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes rubberBand { 0% {
-webkit-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
to { -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
.rubberBand { -webkit-animation-name:rubberBand; -o-animation-name:rubberBand; animation-name:rubberBand }
@-webkit-keyframes shake { 0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake { 0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake { -webkit-animation-name:shake; -o-animation-name:shake; animation-name:shake }
@-webkit-keyframes headShake { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.headShake { -webkit-animation-timing-function:ease-in-out; -o-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-name:headShake; -o-animation-name:headShake; animation-name:headShake }
@-webkit-keyframes swing { 20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to { -webkit-transform:rotate(0deg); transform:rotate(0deg) }
}
@keyframes swing { 20% {
-webkit-transform:rotate(15deg);
-o-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to { -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg) }
}
.swing { -webkit-transform-origin:top center; -ms-transform-origin:top center; -o-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; -o-animation-name:swing; animation-name:swing }
@-webkit-keyframes tada { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to { -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes tada { 0% {
-webkit-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to { -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
.tada { -webkit-animation-name:tada; -o-animation-name:tada; animation-name:tada }
@-webkit-keyframes wobble { 0% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to { -webkit-transform:none; transform:none }
}
@keyframes wobble { 0% {
-webkit-transform:none;
-o-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
.wobble { -webkit-animation-name:wobble; -o-animation-name:wobble; animation-name:wobble }
@-webkit-keyframes jello { 0%, 11.1%, to {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.39062deg) skewY(0.39062deg);
transform:skewX(0.39062deg) skewY(0.39062deg)
}
88.8% {
-webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
transform:skewX(-0.19531deg) skewY(-0.19531deg)
}
}
@keyframes jello { 0%, 11.1%, to {
-webkit-transform:none;
-o-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
-o-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
-o-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
-o-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
-o-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
-o-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.39062deg) skewY(0.39062deg);
-o-transform:skewX(0.39062deg) skewY(0.39062deg);
transform:skewX(0.39062deg) skewY(0.39062deg)
}
88.8% {
-webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
-o-transform:skewX(-0.19531deg) skewY(-0.19531deg);
transform:skewX(-0.19531deg) skewY(-0.19531deg)
}
}
.jello { -webkit-animation-name:jello; -o-animation-name:jello; animation-name:jello; -webkit-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; transform-origin:center }
@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to { opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to { opacity:1; -webkit-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1) }
}
.bounceIn { -webkit-animation-name:bounceIn; -o-animation-name:bounceIn; animation-name:bounceIn }
@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to { -webkit-transform:none; transform:none }
}
@keyframes bounceInDown { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
.bounceInDown { -webkit-animation-name:bounceInDown; -o-animation-name:bounceInDown; animation-name:bounceInDown }
@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to { -webkit-transform:none; transform:none }
}
@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
.bounceInLeft { -webkit-animation-name:bounceInLeft; -o-animation-name:bounceInLeft; animation-name:bounceInLeft }
@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to { -webkit-transform:none; transform:none }
}
@keyframes bounceInRight { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to { -webkit-transform:none; -o-transform:none; transform:none }
}
.bounceInRight { -webkit-animation-name:bounceInRight; -o-animation-name:bounceInRight; animation-name:bounceInRight }
@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes bounceInUp { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.bounceInUp { -webkit-animation-name:bounceInUp; -o-animation-name:bounceInUp; animation-name:bounceInUp }
@-webkit-keyframes bounceOut { 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to { opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
}
@keyframes bounceOut { 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to { opacity:0; -webkit-transform:scale3d(0.3, 0.3, 0.3); transform:scale3d(0.3, 0.3, 0.3) }
}
.bounceOut { -webkit-animation-name:bounceOut; -o-animation-name:bounceOut; animation-name:bounceOut }
@-webkit-keyframes bounceOutDown { 20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
@keyframes bounceOutDown { 20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
.bounceOutDown { -webkit-animation-name:bounceOutDown; -o-animation-name:bounceOutDown; animation-name:bounceOutDown }
@-webkit-keyframes bounceOutLeft { 20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
@keyframes bounceOutLeft { 20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
.bounceOutLeft { -webkit-animation-name:bounceOutLeft; -o-animation-name:bounceOutLeft; animation-name:bounceOutLeft }
@-webkit-keyframes bounceOutRight { 20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
@keyframes bounceOutRight { 20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
.bounceOutRight { -webkit-animation-name:bounceOutRight; -o-animation-name:bounceOutRight; animation-name:bounceOutRight }
@-webkit-keyframes bounceOutUp { 20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
@keyframes bounceOutUp { 20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
.bounceOutUp { -webkit-animation-name:bounceOutUp; -o-animation-name:bounceOutUp; animation-name:bounceOutUp }
@-webkit-keyframes fadeIn { 0% {
opacity:0
}
to { opacity:1 }
}
@keyframes fadeIn { 0% {
opacity:0
}
to { opacity:1 }
}
.fadeIn { -webkit-animation-name:fadeIn; -o-animation-name:fadeIn; animation-name:fadeIn }
@-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-50px);
transform:translateY(-50px)
}
80px {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-50px);
-o-transform:translateY(-50px);
transform:translateY(-50px)
}
80px {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown { -webkit-animation-name:fadeInDown; -o-animation-name:fadeInDown; animation-name:fadeInDown }
@-webkit-keyframes fadeInDownBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInDownBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInDownBig { -webkit-animation-name:fadeInDownBig; -o-animation-name:fadeInDownBig; animation-name:fadeInDownBig }
@-webkit-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-80px, 0, 0);
transform:translate3d(-80px, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-80px, 0, 0);
transform:translate3d(-80px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInLeft { -webkit-animation-name:fadeInLeft; -o-animation-name:fadeInLeft; animation-name:fadeInLeft }
@-webkit-keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInLeftBig { -webkit-animation-name:fadeInLeftBig; -o-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig }
@-webkit-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(80px, 0, 0);
transform:translate3d(80px, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(80px, 0, 0);
transform:translate3d(80px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInRight { -webkit-animation-name:fadeInRight; -o-animation-name:fadeInRight; animation-name:fadeInRight }
@-webkit-keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInRightBig { -webkit-animation-name:fadeInRightBig; -o-animation-name:fadeInRightBig; animation-name:fadeInRightBig }
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInUp { -webkit-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp }
@-webkit-keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.fadeInUpBig { -webkit-animation-name:fadeInUpBig; -o-animation-name:fadeInUpBig; animation-name:fadeInUpBig }
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
to { opacity:0 }
}
@keyframes fadeOut { 0% {
opacity:1
}
to { opacity:0 }
}
.fadeOut { -webkit-animation-name:fadeOut; -o-animation-name:fadeOut; animation-name:fadeOut }
@-webkit-keyframes fadeOutDown { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, 80px, 0); transform:translate3d(0, 80px, 0) }
}
@keyframes fadeOutDown { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, 80px, 0); transform:translate3d(0, 80px, 0) }
}
.fadeOutDown { -webkit-animation-name:fadeOutDown; -o-animation-name:fadeOutDown; animation-name:fadeOutDown }
@-webkit-keyframes fadeOutDownBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
@keyframes fadeOutDownBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) }
}
.fadeOutDownBig { -webkit-animation-name:fadeOutDownBig; -o-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig }
@-webkit-keyframes fadeOutLeft { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(-80px, 0, 0); transform:translate3d(-80px, 0, 0) }
}
@keyframes fadeOutLeft { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(-80px, 0, 0); transform:translate3d(-80px, 0, 0) }
}
.fadeOutLeft { -webkit-animation-name:fadeOutLeft; -o-animation-name:fadeOutLeft; animation-name:fadeOutLeft }
@-webkit-keyframes fadeOutLeftBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
@keyframes fadeOutLeftBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) }
}
.fadeOutLeftBig { -webkit-animation-name:fadeOutLeftBig; -o-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig }
@-webkit-keyframes fadeOutRight { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(80px, 0, 0); transform:translate3d(80px, 0, 0) }
}
@keyframes fadeOutRight { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(80px, 0, 0); transform:translate3d(80px, 0, 0) }
}
.fadeOutRight { -webkit-animation-name:fadeOutRight; -o-animation-name:fadeOutRight; animation-name:fadeOutRight }
@-webkit-keyframes fadeOutRightBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
@keyframes fadeOutRightBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) }
}
.fadeOutRightBig { -webkit-animation-name:fadeOutRightBig; -o-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig }
@-webkit-keyframes fadeOutUp { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, -80px, 0); transform:translate3d(0, -80px, 0) }
}
@keyframes fadeOutUp { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, -80px, 0); transform:translate3d(0, -80px, 0) }
}
.fadeOutUp { -webkit-animation-name:fadeOutUp; -o-animation-name:fadeOutUp; animation-name:fadeOutUp }
@-webkit-keyframes fadeOutUpBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
@keyframes fadeOutUpBig { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) }
}
.fadeOutUpBig { -webkit-animation-name:fadeOutUpBig; -o-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig }
@-webkit-keyframes flip { 0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%, 80% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
}
@keyframes flip { 0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
-o-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%, 80% {
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; -o-animation-timing-function:ease-in; animation-timing-function:ease-in }
}
.animated.flip { -webkit-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; -o-animation-name:flip; animation-name:flip }
@-webkit-keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
@keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
.flipInX { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInX; -o-animation-name:flipInX; animation-name:flipInX }
@-webkit-keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
@keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
.flipInY { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInY; -o-animation-name:flipInY; animation-name:flipInY }
@-webkit-keyframes flipOutX { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 }
}
@keyframes flipOutX { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 }
}
.flipOutX { -webkit-animation-name:flipOutX; -o-animation-name:flipOutX; animation-name:flipOutX; -webkit-backface-visibility:visible !important; backface-visibility:visible !important }
@-webkit-keyframes flipOutY { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 }
}
@keyframes flipOutY { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 }
}
.flipOutY { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipOutY; -o-animation-name:flipOutY; animation-name:flipOutY }
@-webkit-keyframes lightSpeedIn { 0% {
-webkit-transform:translate3d(80px, 0, 0) skewX(-30deg);
transform:translate3d(80px, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg)
}
60%, 80% {
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to { -webkit-transform:none; transform:none; opacity:1 }
}
@keyframes lightSpeedIn { 0% {
-webkit-transform:translate3d(80px, 0, 0) skewX(-30deg);
transform:translate3d(80px, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
-o-transform:skewX(20deg);
transform:skewX(20deg)
}
60%, 80% {
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
-o-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to { -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.lightSpeedIn { -webkit-animation-name:lightSpeedIn; -o-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; -o-animation-timing-function:ease-out; animation-timing-function:ease-out }
@-webkit-keyframes lightSpeedOut { 0% {
opacity:1
}
to { -webkit-transform:translate3d(80px, 0, 0) skewX(30deg); transform:translate3d(80px, 0, 0) skewX(30deg); opacity:0 }
}
@keyframes lightSpeedOut { 0% {
opacity:1
}
to { -webkit-transform:translate3d(80px, 0, 0) skewX(30deg); transform:translate3d(80px, 0, 0) skewX(30deg); opacity:0 }
}
.lightSpeedOut { -webkit-animation-name:lightSpeedOut; -o-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; -o-animation-timing-function:ease-in; animation-timing-function:ease-in }
@-webkit-keyframes rotateIn { 0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 }
}
@keyframes rotateIn { 0% {
-webkit-transform-origin:center;
-o-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
-o-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; -o-transform-origin:center; transform-origin:center; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.rotateIn { -webkit-animation-name:rotateIn; -o-animation-name:rotateIn; animation-name:rotateIn }
@-webkit-keyframes rotateInDownLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 }
}
@keyframes rotateInDownLeft { 0% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.rotateInDownLeft { -webkit-animation-name:rotateInDownLeft; -o-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft }
@-webkit-keyframes rotateInDownRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 }
}
@keyframes rotateInDownRight { 0% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.rotateInDownRight { -webkit-animation-name:rotateInDownRight; -o-animation-name:rotateInDownRight; animation-name:rotateInDownRight }
@-webkit-keyframes rotateInUpLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 }
}
@keyframes rotateInUpLeft { 0% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.rotateInUpLeft { -webkit-animation-name:rotateInUpLeft; -o-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft }
@-webkit-keyframes rotateInUpRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 }
}
@keyframes rotateInUpRight { 0% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; -o-transform:none; transform:none; opacity:1 }
}
.rotateInUpRight { -webkit-animation-name:rotateInUpRight; -o-animation-name:rotateInUpRight; animation-name:rotateInUpRight }
@-webkit-keyframes rotateOut { 0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 }
}
@keyframes rotateOut { 0% {
-webkit-transform-origin:center;
-o-transform-origin:center;
transform-origin:center;
opacity:1
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; -o-transform-origin:center; transform-origin:center; -webkit-transform:rotate(200deg); -o-transform:rotate(200deg); transform:rotate(200deg); opacity:0 }
}
.rotateOut { -webkit-animation-name:rotateOut; -o-animation-name:rotateOut; animation-name:rotateOut }
@-webkit-keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 }
}
@keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); opacity:0 }
}
.rotateOutDownLeft { -webkit-animation-name:rotateOutDownLeft; -o-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft }
@-webkit-keyframes rotateOutDownRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
@keyframes rotateOutDownRight { 0% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
.rotateOutDownRight { -webkit-animation-name:rotateOutDownRight; -o-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight }
@-webkit-keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
@keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to { -webkit-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 }
}
.rotateOutUpLeft { -webkit-animation-name:rotateOutUpLeft; -o-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft }
@-webkit-keyframes rotateOutUpRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
}
@keyframes rotateOutUpRight { 0% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to { -webkit-transform-origin:right bottom; -o-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
}
.rotateOutUpRight { -webkit-animation-name:rotateOutUpRight; -o-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight }
@-webkit-keyframes hinge { 0% {
-webkit-transform-origin:top left;
transform-origin:top left
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to { -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); opacity:0 }
}
@keyframes hinge { 0% {
-webkit-transform-origin:top left;
-o-transform-origin:top left;
transform-origin:top left
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-o-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
-o-transform-origin:top left;
transform-origin:top left
}
40%, 80% {
-webkit-transform:rotate(60deg);
-o-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
-o-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to { -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); opacity:0 }
}
.hinge { -webkit-animation-name:hinge; -o-animation-name:hinge; animation-name:hinge }
@-webkit-keyframes rollIn { 0% {
opacity:0;
-webkit-transform:translate3d(-80px, 0, 0) rotate(-120deg);
transform:translate3d(-80px, 0, 0) rotate(-120deg)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes rollIn { 0% {
opacity:0;
-webkit-transform:translate3d(-80px, 0, 0) rotate(-120deg);
transform:translate3d(-80px, 0, 0) rotate(-120deg)
}
to { opacity:1; -webkit-transform:none; -o-transform:none; transform:none }
}
.rollIn { -webkit-animation-name:rollIn; -o-animation-name:rollIn; animation-name:rollIn }
@-webkit-keyframes rollOut { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(80px, 0, 0) rotate(120deg); transform:translate3d(80px, 0, 0) rotate(120deg) }
}
@keyframes rollOut { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translate3d(80px, 0, 0) rotate(120deg); transform:translate3d(80px, 0, 0) rotate(120deg) }
}
.rollOut { -webkit-animation-name:rollOut; -o-animation-name:rollOut; animation-name:rollOut }
@-webkit-keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
@keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
.zoomIn { -webkit-animation-name:zoomIn; -o-animation-name:zoomIn; animation-name:zoomIn }
@-webkit-keyframes zoomInDown { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInDown { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInDown { -webkit-animation-name:zoomInDown; -o-animation-name:zoomInDown; animation-name:zoomInDown }
@-webkit-keyframes zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInLeft { -webkit-animation-name:zoomInLeft; -o-animation-name:zoomInLeft; animation-name:zoomInLeft }
@-webkit-keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInRight { -webkit-animation-name:zoomInRight; -o-animation-name:zoomInRight; animation-name:zoomInRight }
@-webkit-keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInUp { -webkit-animation-name:zoomInUp; -o-animation-name:zoomInUp; animation-name:zoomInUp }
@-webkit-keyframes zoomOut { 0% {
opacity:1
}
50% {
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50%, to {
opacity:0
}
}
@keyframes zoomOut { 0% {
opacity:1
}
50% {
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50%, to {
opacity:0
}
}
.zoomOut { -webkit-animation-name:zoomOut; -o-animation-name:zoomOut; animation-name:zoomOut }
@-webkit-keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); -o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomOutDown { -webkit-animation-name:zoomOutDown; -o-animation-name:zoomOutDown; animation-name:zoomOutDown }
@-webkit-keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to { opacity:0; -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0); transform:scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; transform-origin:left center }
}
@keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to { opacity:0; -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0); transform:scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; -o-transform-origin:left center; transform-origin:left center }
}
.zoomOutLeft { -webkit-animation-name:zoomOutLeft; -o-animation-name:zoomOutLeft; animation-name:zoomOutLeft }
@-webkit-keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to { opacity:0; -webkit-transform:scale(0.1) translate3d(2000px, 0, 0); transform:scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; transform-origin:right center }
}
@keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to { opacity:0; -webkit-transform:scale(0.1) translate3d(2000px, 0, 0); transform:scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; -o-transform-origin:right center; transform-origin:right center }
}
.zoomOutRight { -webkit-animation-name:zoomOutRight; -o-animation-name:zoomOutRight; animation-name:zoomOutRight }
@-webkit-keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
@keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 80px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to { opacity:0; -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); -o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1) }
}
.zoomOutUp { -webkit-animation-name:zoomOutUp; -o-animation-name:zoomOutUp; animation-name:zoomOutUp }
@-webkit-keyframes slideInDown { 0% {
-webkit-transform:translate3d(0, -80px, 0);
transform:translate3d(0, -80px, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInDown { 0% {
-webkit-transform:translate3d(0, -80px, 0);
transform:translate3d(0, -80px, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInDown { -webkit-animation-name:slideInDown; -o-animation-name:slideInDown; animation-name:slideInDown }
@-webkit-keyframes slideInLeft { 0% {
-webkit-transform:translate3d(-80px, 0, 0);
transform:translate3d(-80px, 0, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInLeft { 0% {
-webkit-transform:translate3d(-80px, 0, 0);
transform:translate3d(-80px, 0, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInLeft { -webkit-animation-name:slideInLeft; -o-animation-name:slideInLeft; animation-name:slideInLeft }
@-webkit-keyframes slideInRight { 0% {
-webkit-transform:translate3d(80px, 0, 0);
transform:translate3d(80px, 0, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInRight { 0% {
-webkit-transform:translate3d(80px, 0, 0);
transform:translate3d(80px, 0, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInRight { -webkit-animation-name:slideInRight; -o-animation-name:slideInRight; animation-name:slideInRight }
@-webkit-keyframes slideInUp { 0% {
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes slideInUp { 0% {
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0);
visibility:visible
}
to { -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.slideInUp { -webkit-animation-name:slideInUp; -o-animation-name:slideInUp; animation-name:slideInUp }
@-webkit-keyframes slideOutDown { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(0, 80px, 0); transform:translate3d(0, 80px, 0) }
}
@keyframes slideOutDown { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(0, 80px, 0); transform:translate3d(0, 80px, 0) }
}
.slideOutDown { -webkit-animation-name:slideOutDown; -o-animation-name:slideOutDown; animation-name:slideOutDown }
@-webkit-keyframes slideOutLeft { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(-80px, 0, 0); transform:translate3d(-80px, 0, 0) }
}
@keyframes slideOutLeft { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(-80px, 0, 0); transform:translate3d(-80px, 0, 0) }
}
.slideOutLeft { -webkit-animation-name:slideOutLeft; -o-animation-name:slideOutLeft; animation-name:slideOutLeft }
@-webkit-keyframes slideOutRight { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(80px, 0, 0); transform:translate3d(80px, 0, 0) }
}
@keyframes slideOutRight { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(80px, 0, 0); transform:translate3d(80px, 0, 0) }
}
.slideOutRight { -webkit-animation-name:slideOutRight; -o-animation-name:slideOutRight; animation-name:slideOutRight }
@-webkit-keyframes slideOutUp { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(0, -80px, 0); transform:translate3d(0, -80px, 0) }
}
@keyframes slideOutUp { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { visibility:hidden; -webkit-transform:translate3d(0, -80px, 0); transform:translate3d(0, -80px, 0) }
}
.slideOutUp { -webkit-animation-name:slideOutUp; -o-animation-name:slideOutUp; animation-name:slideOutUp }
.c1700 { width:88.542vw; margin:0 auto }
.c1580 { width:82.292vw; margin:0 auto }
.c1420 { width:73.958vw; margin:0 auto }
a, img { -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s }
.ibgc { background-color:#f4f7fa }
.InterRegular { font-family:"InterRegular" }
.InterMedium { font-family:"InterMedium" }
.InterBold { font-family:"InterBold" }
.albbBold { font-family:"albbBold" }
.albbMedium { font-family:"albbMedium" }
.albbRegular { font-family:"albbRegular" }
.pic_m img { -webkit-animation:pic_m 3s ease; -o-animation:pic_m 3s ease; animation:pic_m 3s ease }
html { font-size:100px }
@media screen and (min-width: 1921px) and (max-width: 4000px) {
html {
font-size:110px
}
.c1420 {
max-width:1420px
}
.c1580 {
max-width:1700px
}
.c1700 {
max-width:1700px
}
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
html {
font-size:80px
}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
html {
font-size:60px
}
}
@media screen and (max-width: 1024px) {
.c1580, .c1700, .c1420 {
width:90vw
}
}
@media screen and (max-width: 768px) {
html {
font-size:80px
}
}
@font-face {
font-family:"AVENIR";
font-weight:500;
src:url("../fonts/AVENIR%20LT%2065%20MEDIUM.woff") format("woff2"), url("../fonts/AVENIR%20LT%2065%20MEDIUM.woff") format("woff");
font-display:swap
}
@font-face {
font-family:"InterBold";
font-weight:500;
src:url(../fonts/Inter-Bold.woff) format("woff2"), url(../fonts/Inter-Bold.woff) format("woff");
font-display:swap
}
@font-face {
font-family:"InterMedium";
font-weight:500;
src:url(../fonts/Inter-Medium.woff) format("woff2"), url(../fonts/Inter-Medium.woff) format("woff");
font-display:swap
}
@font-face {
font-family:"InterRegular";
font-weight:500;
src:url(../fonts/Inter-Regular.woff) format("woff2"), url(../fonts/Inter-Regular.woff) format("woff");
font-display:swap
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "albbMedium";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/VaA8NU7oSnxe.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/EEc6CWDEFmRn.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "albbMedium";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/i6hR0t5CyIxs.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/KzNuLaUV71Dp.woff") format("woff");
  font-display: swap;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "albbMedium";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/OiSJZ8xPxoN7.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/fit40sWZLOwO.woff") format("woff");
  font-display: swap;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "albbMedium";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/aoztTpC97bIL.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/1Dw5ms33funk.woff") format("woff");
  font-display: swap;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "albbMedium";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/vSsSoPorpVtL.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/AnZ8aGLR3j6g.woff") format("woff");
  font-display: swap;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "albbRegular";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/rqYij2DWfuXu.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/wYfAJLgps5p6.woff") format("woff");
  font-display: swap;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "albbRegular";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/8ZDFyKg25vuB.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/Wa8qOLhk0dCN.woff") format("woff");
  font-display: swap;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "albbRegular";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/cJziX1SW72rA.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/iUk8LDQAa1u5.woff") format("woff");
  font-display: swap;
}
@font-face {
font-family:"albbBold";
font-weight:700;
src:url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/fBrbBQq4gWHL.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/mXwHgkBzDA9W.woff") format("woff");
font-display:swap
}
.header_wrap { position:fixed; top:0; left:0; right:0; z-index:100; padding-left:-webkit-calc((40/1920)*100%);
padding-left:calc((40/1920)*100%);
padding-right:-webkit-calc((40/1920)*100%);
padding-right:calc((40/1920)*100%);
-webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }
.header_wrap.window_scroll { -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%) }
.header_wrap.header_scroll { background-color:#fff; -webkit-box-shadow:0 0 0.1rem rgba(0, 0, 0, 0.2); box-shadow:0 0 0.1rem rgba(0, 0, 0, 0.2) }
.header_wrap.header_scroll .hidden { display:block }
.header_wrap.header_scroll .visible { display:none }
.header_scroll .mNavBtn span { background-color:#777 }
.header_subnav { background-color:#fff; padding:10px 20px; position:absolute; z-index:3; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); top:100%; width:1.6rem; height:auto; border-radius:0 0 0.1rem 0.1rem; display:none }
.header_subnav a { display:block; padding:10px 0; font-size:0.14rem; text-align:center }
.header_scroll .header_nav ul li:hover h4 a, .header_scroll .header_nav ul li.cur h4 a { color:#0196da }
.header_scroll .header_nav ul li a { color:#333 }
.header_scroll .header_subnav a:hover { color:#0196da }
.header_box { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.header_box .left { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; position:relative; z-index:2 }
.header_box .gp { border-left:1px solid rgba(0, 152, 217, 0.2); padding:0.01rem 0 0.01rem 0.2rem; margin-left:0.2rem; color:#fff; font-family:"albbRegular";font-size:0.15rem; }
.header_scroll .header_box .gp { border-left-color:rgba(51, 51, 51, 0.2); color:#333 }
.header_scroll .logo .txt { color:#333 }
.logo .txt { font-size:0.2rem; color:#fff; letter-spacing:0.01rem; text-align:center; font-family:"albbMedium" }
.logo img { height:0.44rem; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.logo .b{display:none;}
.header_scroll .header_box .logo .b{display:block;}
.header_scroll .header_box .logo .a{display:none;}
.header_nav { display:block }
.header_nav ul { height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; position:relative; z-index:2 }
.header_nav ul li { position:relative; padding:0 0.33rem }
.header_nav ul li:hover h4 a, .header_nav ul li.cur h4 a { color:#0196da }
.header_nav ul li h4 a { color:#fff; line-height:1.1rem; font-size:0.18rem; display:block }
.header_nav ul li:last-child h4 a{ color:#ff0000;}
.subnavbtn { display:none }
.header_right { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; justify-items:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; position:relative; z-index:2 }
.header_right a { margin-left:0.18rem }
.header_right .search { margin-right:0.07rem }
.header_right .search span { color:#fff; font-size:0.18rem; font-weight:bold }
.header_right .search span::after {
content:"\e61d"
}
.header_right .en { font-family:"InterBold"; font-size:0.14rem; border:2px solid rgba(144, 144, 144, 0.6); border-radius:100%; width:0.36rem; height:0.36rem; line-height:0.34rem; text-align:center; color:#fff ;display:none}
.header_right .login { width:0.36rem; height:0.36rem; background-color:#0196da; border-radius:100%; background-image:url(../images/login.png); background-position:center center; background-repeat:no-repeat }
.header_scroll .header_right .search span { color:#7a7a7a }
.header_scroll .header_right .en { color:#777 }
.headac .logo .txt, .headac .header_box .gp, .headac .header_nav ul li h4 a, .headac .header_right .search span, .headac .header_right .en { color:#fff !important }
.headac .header_right .en { border-color:#fff !important }
.inews-details-header .logo .a{ display:none;}
.inews-details-header .logo .b{ display:block;} 
.inews-details-header .headac .logo .b{ display:none;}
.inews-details-header .headac .logo .a{ display:block;}
.search_form { display:none }
.search_form .formbox { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; width:100%; padding:20px; position:absolute; top:0; left:0; background-color:#1654a8; z-index:1; padding-top:1.84rem; padding-bottom:1.28rem }
.search_form .txt { color:#fff; padding-right:0.47rem }
.search_form form { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
.search_form .input_text { display:block; width:4.9rem; background-color:#fff; padding:0 0.6rem 0 0.35rem; font-size:0.16rem }
.search_form .input_text, .search_form .filter .info { height:0.56rem; line-height:0.56rem; border-radius:0.1rem }
.search_form .filter { position:relative }
.search_form .filter .info { width:1.4rem; background-color:#fff; position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; font-size:0.16rem; color:#515357; cursor:pointer }
.search_form .filter .jt { display:block; width:0; height:0; border-top-width:0.06rem; border-right-width:0.05rem; border-left-width:0.05rem; border-bottom-width:0; border-style:solid; border-color:#47494e transparent transparent transparent; margin-left:0.3rem }
.search_form .filter .selectbox { position:absolute; left:0; width:100%; top:0.56rem; background-color:#fff; border-radius:0.1rem; padding:10px 20px; font-size:0.16rem; color:#515357; display:none }
.search_form .filter .selectbox p { padding:0 0 5px; cursor:pointer }
.search_form .txt { font-size:0.26rem; font-weight:bold }
.search_form .inputs { position:relative; padding-left:0.15rem }
.search_form .inputs span { color:#75777b; font-size:0.18rem; font-weight:bold }
.search_form .inputs span::after {
content:"\e61d"
}
.search_form .input_btn, .search_form .inputs span { position:absolute; right:0.3rem; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:20px; height:20px; color:#63666a }
.search_form .close { width:0.44rem; height:0.44rem; line-height:0.44rem; border-radius:100%; background-color:#0196da; cursor:pointer; color:#fff; font-size:0.16rem; font-weight:bold; text-align:center; margin-left:1.73rem; position:absolute; right:3.4rem }
.search_form .close::before {
content:"\e623"
}
.mNavBtn { display:none }
.mlang { display:none }
.footer_wrap { background-color:#fff }
.footer_wrap a:hover { color:#0196da }
.footer_top { padding:0.94rem 0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.footer_top .right .info { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; width:100%; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; padding:0 0 0.3rem 0 }
.footer_top .right .icon { width:0.36rem; height:0.36rem; line-height:0.36rem; border:1px solid #404040; border-radius:100%; text-align:center; margin:0 0.24rem 0 0 }
.footer_top .right .icon img { vertical-align:sub }
.footer_top .right .tel { font-size:0.18rem; line-height:0.24rem }
.footer_top .right .tel a { color:#808080; font-size:0.16rem; display:block }
.footer_top .right .ewm { padding:0 0 0 0.62rem }
.footer_top .right .ewm .txt { font-size:0.14rem; color:#777; padding:0.09rem 0 0 }
.footer_top .right .ewm img { height:0.95rem }
.footer_nav{ flex:1;}
.footer_nav ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
/*.footer_nav ul li { padding:0 1.15rem 0 0 }*/
.footer_nav ul li{ flex:1;}
.footer_nav ul li a { display:block }
.footer_nav ul li h4 { padding:0 0 0.54rem }
.footer_nav ul li h4 a { font-size:0.18rem }
.footer_subnav a { font-size:0.16rem; padding:0 0 0.14rem; color:#777 }
.copyRight { border-top:1px solid #eaeaea; padding:0.35rem -webkit-calc((110/1920)*100%) 0.6rem;
padding:0.35rem calc((110/1920)*100%) 0.6rem;
color:#777; font-size:0.16rem ;display: flex;justify-content: space-between;
    
    
}
.copyRight a { color:#777; display:inline-block; vertical-align:top; *display:inline;
*zoom:1;padding-left: 0.2rem;
}
.indexbanner { width:100%; overflow:hidden; position:relative; height:100vh }
.indexbanner ul { width:100% }
.indexbanner ul li { width:100%; height:auto; overflow:hidden; z-index:44; position:relative }
.indexbanner ul li .image { position:relative; height:100vh; overflow:hidden }
.indexbanner ul li .img { display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.indexbanner ul li .inban-info { position:absolute; z-index:3; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); bottom:1.03rem; color:#fff; text-align:left }
.indexbanner ul li .inban-info .info-one { -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:translateX(-50px); -ms-transform:translateX(-50px); -o-transform:translateX(-50px); transform:translateX(-50px); opacity:0; font-family:"albbMedium" }
.indexbanner ul li .inban-info .two { opacity:0; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); transform:translateY(50px); -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s; font-family:"albbRegular"; -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s }
.indexbanner .slide-inner { width:100%; height:100%; -webkit-background-size:cover; background-size:cover; background-position:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; color:#fff }
.indexbanner .swiper-slide { text-align:center; font-size:18px; background:#fff; overflow:hidden }
.indexbanner .swiper-pagination { position:absolute; z-index:3; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); bottom:3rem; -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end; font-family:"InterMedium"; color:#fff; opacity:0; -webkit-transition:all 2s; -o-transition:all 2s; transition:all 2s }
.indexbanner .swiper-pagination .current, .indexbanner .swiper-pagination .swiper-pagination-current { font-size:0.48rem; line-height:0.48rem }
.indexbanner .swiper-pagination .total, .indexbanner .swiper-pagination .line, .indexbanner .swiper-pagination .swiper-pagination-total { font-size:0.24rem }
.indexbanner .swiper-pagination .line { margin-left:0.08rem }
.indexbanner .swiper-pagination.down { bottom:2.6rem; opacity:1 }
.indexbanner .swiper-button-next, .indexbanner .swiper-button-prev { width:0.45rem; height:0.45rem }
.indexbanner ul li.active .info-one { -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); opacity:1 }
.indexbanner ul li.active .slide-inner { -webkit-transform:matrix(1, 0, 0, 1, 0, 0) !important; -ms-transform:matrix(1, 0, 0, 1, 0, 0) !important; -o-transform:matrix(1, 0, 0, 1, 0, 0) !important; transform:matrix(1, 0, 0, 1, 0, 0) !important }
.indexbanner ul li.active .two { -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1 }
.indexbanner ul li.active .img { -webkit-animation:pic_m2 10s ease; -o-animation:pic_m2 10s ease; animation:pic_m2 10s ease }
.inxban-btn { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; position:absolute; bottom:0.95rem; right:-webkit-calc((100/1920)*100%);
right:calc((100/1920)*100%);
z-index:3; height:0.53rem; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.inxban-btn .swiper-button-next, .inxban-btn .swiper-button-prev { position:static; margin:0 }
.inxban-btn .swiper-button-prev { margin-right:0.26rem }
.inxban-btn .btn { width:0.55rem; height:0.55rem; border-radius:100%; position:relative; margin-left:0.5rem; cursor:pointer }
.inxban-btn .btn:hover { background-color:#fff }
.inxban-btn .btn:hover span::before {
color:#0196da
}
.inxban-btn .btn span { position:absolute; z-index:3; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
.inxban-btn .btn span::before {
font-size:0.24rem;
color:#fff
}
.inxban-btn .inxban-prev span::before {
content:"\e6a5"
}
.inxban-btn .inxban-next span::before {
content:"\e764"
}
.inside_banner { position:relative; overflow:hidden }
.inside_banner img { width:100%; -o-object-fit:cover; object-fit:cover }
.inside_banner .info { position:absolute; left:0; width:100%; bottom:1.12rem; color:#fff }
.inside_banner .info h4 { padding:0.05rem 0 0 }
.inside_pages { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.inside_pages li { padding:0 10px; height:0.5rem; line-height:0.5rem; text-align:center; color:#666666; font-size:0.18rem; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; margin:0 0.06rem; background-color:#fff; border-radius:0.05rem; -webkit-background-size:0.1rem 0.1rem; background-size:0.1rem; background-repeat:no-repeat; background-position:center }




.inside_pages a:hover, .inside_pages li.active { background-color:#0196da; color:#fff }

.inside_pages li:hover a, .inside_pages li.active  a{   color:#fff }

.inside_pages a.prev span, .inside_pages a.next span { font-size:0.2rem; color:#0a9cda }
.inside_pages a.prev:hover, .inside_pages a.next:hover { background-color:#93d1eb }
.inside_pages a.prev:hover span, .inside_pages a.next:hover span { color:#fff }
.inside_pages a.prev span::before {
content:"\e6a5"
}
.inside_pages a.next span::before {
content:"\e764"
}
.backview { display:block; width:1.8rem; height:0.49rem; line-height:0.49rem; font-size:0.16rem; text-align:center; background-color:#0196da; color:#fff; border-radius:50px; position:relative; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s }
.backview span { -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s }
.backview:hover { background-color:rgba(0, 152, 217, 0.8) }
.backview:hover span { margin-left:-10px }
/*@media screen and (max-width:1680px){*/
/*    .footer_nav ul li{ padding:0 0.8rem 0 0;}*/
/*}*/
@media screen and (max-width: 1260px) {
/*.footer_nav ul li {*/
/*padding-right:1rem*/
/*}*/
}
@media screen and (max-width: 980px) {
.search_form {
display:block
}
.search_form .formbox {
position:static;
padding:0.3rem 20px;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:left;
-webkit-justify-content:left;
-ms-flex-pack:left;
justify-content:left;
background:transparent
}
.search_form .txt {
padding:0 0 0.3rem;
font-size:0.22rem;
color:#333
}
.search_form form {
width:100%
}
.search_form .inputs {
/*width:100%*/
width: 5.39rem;
}
.search_form .close {
display:none
}
.search_form .input_text {
width:100%
}
.header_wrap {
padding:20px
}
.logo .txt {
letter-spacing:0
}
.header_box .gp {
display:none
}
.mNavBtn {
width:26px;
height:22px;
position:relative;
cursor:pointer;
margin-left:15px;
font-size:17px;
display:block
}
.mNavBtn span {
display:block;
width:100%;
height:2px;
background-color:#fff;
position:absolute;
left:0;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
border-radius:3px
}
.mNavBtn span:first-child {
top:0
}
.mNavBtn span:nth-child(2) {
top:10px;
width:60%
}
.mNavBtn span:nth-child(3) {
bottom:0
}
.mNavBtn.close span:nth-child(1) {
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
top:10px
}
.mNavBtn.close span:nth-child(2) {
opacity:0
}
.mNavBtn.close span:nth-child(3) {
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
bottom:10px
}
.subnavbtn {
position:absolute;
top:0;
right:0;
display:none;
width:60%;
height:100%;
font-size:0.22rem;
color:#777
}
.subnavbtn::after {
content:"\e764";
position:absolute;
right:20px;
top:17px;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s
}
.subnavbtn.up::after {
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.header_nav {
position:absolute;
background-color:#f7f7f7;
left:0;
right:0;
top:75px;
display:none;
width:100%;
height:100vh
}
.header_nav ul {
display:block;
height:auto
}
.header_nav ul li {
width:100%;
padding:0;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.header_nav ul li h4 {
position:relative
}
.header_nav ul li h4 a {
font-size:.18rem;
display:block;
padding:0 20px;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
border-bottom:1px solid #e4e4e4;
line-height:0.7rem
}
.header_subnav {
position:static;
background-color:#e4e4e4;
-webkit-transform:inherit;
-ms-transform:inherit;
-o-transform:inherit;
transform:inherit;
width:100%;
border-radius:0
}
.header_subnav a {
font-size:0.18rem;
text-align:left
}
.header_right .search, .header_right .en {
display:none
}
.mlang {
display:block;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
padding:0 20px
}
.mlang a {
width:0.5rem;
height:0.5rem;
line-height:0.5rem;
border-radius:100%;
text-align:center;
font-weight:bold;
margin-right:0.2rem
}
.mlang a.cur {
background-color:#0196da;
color:#fff
}
.copyRight {
text-align:center;
display: block;
}
.copyRight a {
display:block;
width:100%;
padding:0;
}
.copyRight .r{
    padding:0.1rem 0 0;
}
.footer_subnav {
display:none
}
.footer_top {
display:block;
padding:0.3rem 0
}
.footer_top .right {
width:100%;
padding:0.3rem 0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-webkit-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}
.footer_top .right .ewm {
display:none
}
.footer_top .right .info {
width:auto;
padding:0
}
.footer_nav ul {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.footer_nav ul li {
width:100%;
text-align:left;
padding:0;
flex: none;
}
.footer_nav ul li h4 {
position:relative;
padding:0
}
.footer_nav ul li h4 a {
line-height:0.7rem
}
.footer_nav ul li h4 .subnavbtn::after {
right:0
}
.inside_banner {
height:4rem
}
.inside_banner img {
height:100%
}
.inside_banner .info {
bottom:0.8rem
}
}
.video-player-popup { display:none; position:fixed; left:0; top:0; z-index:201; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); font-size:0; text-align:center }
.video-player-popup video { -o-object-fit:cover; object-fit:cover }
.video-player-popup:before { content:""; width:0; height:100%; display:inline-block; *display:inline;
*zoom:1;
vertical-align:middle }
.video-player-popup .video-player { width:94%; height:5.4rem; width:9.6rem; margin-top:0; display:block; position:fixed; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
.video-player-popup .close { position:absolute; bottom:-0.52rem; width:0.4rem; height:0.4rem; background-color:#0196da; border-radius:50%; line-height:0.4rem; text-align:center }
.video-player-popup .close span { font-size:0.16rem; font-weight:bold; color:#fff }
.video-player-popup .close span::before {
content:"\e623"
}
.video-player-popup .close:hover { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.f62 { font-size:0.62rem }
.f60 { font-size:0.6rem }
.f50 { font-size:0.5rem }
.f40 { font-size:0.4rem }
.f42 { font-size:0.42rem }
.f48 { font-size:0.48rem }
.f36 { font-size:0.36rem }
.f32 { font-size:0.32rem }
.f30 { font-size:0.3rem }
.f24 { font-size:0.24rem }
.f20 { font-size:0.2rem }
.logincontent { height:100vh; position:relative }
.logincontent .img { position:absolute; top:0; left:0; width:50%; max-width:1120px; height:100% }
.logincontent .img img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.loginbox { width:86.25vw; height:100%; padding:0.85rem 0 1.64rem; margin:0 auto; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
.loginbox .logo { display:block; width:1.71rem }
.loginbox .text { color:#fff; position:relative; width:9.88rem }
.loginbox .info { padding-top:1.35rem }
.loginbox .info dt { margin-bottom:3.2rem }
.loginbox .info dt p { padding-top:0.5rem }
.loginform { width:5.35rem; margin:0 auto }
.loginform .rindex { display:block; background:url(../images/fanhui.png) no-repeat right 78px center; font-size:0.16rem; color:#868686; text-align:right }
.loginform .dl { padding:0.85rem 0 0.45rem }
.loginform dl { padding:0 0 0.29rem }
.loginform dl dt { font-size:0.16rem; padding-bottom:0.18rem }
.loginform dl dd { position:relative }
.loginform dl dd span { color:#dfe4e9; font-weight:bold }
.loginform .h66 { height:0.66rem; line-height:0.66rem; border-radius:0.1rem; width:100% }
.loginform span { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:0.25rem; font-size:0.22rem }
.loginform .yzm { display:block; position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:0.2rem; width:1.43rem }
.loginform .input_text { border:2px solid #dfe4e9; font-size:0.16rem; padding:0 0.72rem }
.loginform .input_btn { background-color:#0196da; color:#fff; font-size:0.18rem; font-weight:bold; text-align:center; margin:0.3rem 0 0.17rem }
.loginform .register { display:block; font-size:0.18rem; font-weight:bold; text-align:center; background-color:#ecf1f5 }
.isnews_list { padding:1.14rem 0 1.73rem }
.isnews_list ul { padding:0 0 0.32rem 0 }
.isnews_list ul li { padding:0 0 0.48rem }
.isnews_list ul li a { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:0.35rem 0.35rem 0.37rem 0.5rem; background-color:#fff; border-radius:0.2rem }
.isnews_list ul li .date { border-right:1px solid #e8e8e8; padding:0 0.5rem 0 0; height:-webkit-fit-content; height:-moz-fit-content; height:fit-content }
.isnews_list ul li .date span { display:block }
.isnews_list ul li .date .b { font-size:0.5rem }
.isnews_list ul li .date .s { font-size:0.15rem }
.isnews_list ul li .info { padding:0.18rem 1.6rem 0 0.5rem; width:10.9rem }
.isnews_list ul li .info .tit { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.2rem }
.isnews_list ul li .info .txt { font-size:0.14rem; display:-webkit-box; height:.56rem;
line-height:.28rem;
text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#999999; margin:0.24rem 0 0.2rem }
.isnews_list ul li .info span { font-size:0.34rem; color:#999999; position:relative }
.isnews_list ul li .info span::before {
content:"\e628";
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s
}
.isnews_list ul li .info span::after {
content:"";
display:block;
width:0.36rem;
height:0.36rem;
border:1px solid #0196da;
opacity:0.2;
border-radius:50%;
position:absolute;
z-index:3;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
right:-0.16rem;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s
}
.isnews_list ul li .img { width:2.88rem; border-radius:0.1rem; overflow:hidden ;position:relative;}
.isnews_list ul li .img:before{
    content:"";
    display: block;
    padding-top: 56.25%;
}
.isnews_list ul li .img img { border-radius:0.1rem ;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.isnews_list ul li:hover a { -webkit-box-shadow:2px 0 30px rgba(179, 188, 200, 0.5); box-shadow:2px 0 30px rgba(179, 188, 200, 0.5) }
.isnews_list ul li:hover .info .tit { color:#0196da; font-weight:bold }
.isnews_list ul li:hover .info span::before {
color:#0196da
}
.isnews_list ul li:hover .info span::after {
right:-0.2rem
}
.isnews_list ul li:hover .img { overflow:hidden }
.isnews_list ul li:hover .img:hover img { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03) }
.isnews_list ul li:hover .img img { -webkit-transition:-webkit-transform ease .7s;
transition:-webkit-transform ease .7s;
-o-transition:-o-transform ease .7s;
transition:transform ease .7s;
transition:transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}
.inews-details-header { height:1.1rem }
.inews-details-header .header_wrap { background-color:#fff }
.inews-details-header .mNavBtn span { background-color:#777 }
.inews-details-header .logo .txt { color:#333 }
.inews-details-header .header_nav ul li a { color:#333 }
.inews-details-header .header_right .search span { color:#7a7a7a }
.inews-details-header .header_right .en { color:#777 }
.inews-details-header .header_box .gp{ color:#777;}
.inews_details { padding:0.62rem 0 1.31rem 0 }
.crumbs { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; padding:0 0 0.43rem }
.crumbs a { color:#777 }
.crumbs a:hover { color:#0196da }
.crumbs a::after {
content:">";
margin:0 6px
}
.crumbs a:last-child::after {
display:none
}
.inews-dcontent { background-color:#fff; padding:0.9rem 1.05rem; font-size:0.18rem }
.inews-dcontent .toptitle { border-bottom:1px solid #e9e9e9; padding:0 0 0.4rem; margin:0 0 0.74rem }
.inews-dcontent .toptitle h1 { font-weight:bold }
.inews-dcontent .toptitle .date { color:#9c9c9c; padding:0.45rem 0 0 }
.inews-dcontent .detailes { color:#777; line-height:0.36rem }
.news_rlinks { border-top:1px solid #e9e9e9; padding:0.43rem 0 0; margin:1.06rem 0 0 }
.news_rlinks dl { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; color:#777 }
.news_rlinks dl dt { line-height:0.36rem }
.news_rlinks dl dt p { white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.news_rlinks dl dt a { color:#777; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.news_rlinks dl dt a:hover { color:#0196da }
.investor { background:url(../images/tzbg.jpg) no-repeat 0 bottom; -webkit-background-size:cover; background-size:cover; padding:1.55rem 0 1.5rem }
.intzcont { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.intzcont .left .dm { color:#0196da; padding:0.46rem 0 0 }
.intzcont .right { width:8.5rem }
.intzcont .right h4 { padding:0 0 0.6rem }
.intzcont .right dl { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; border-top:1px solid #e5e5e5; padding:0.37rem 0 }
.intzcont .right dl dt { font-size:0.16rem; color:#989898 }
.intzcont .right dl dt img { vertical-align:middle; margin:0 0.24rem 0 0 }
.intzcont .right dl dd { font-size:0.18rem }
.investormore { background:url(../images/tzbg2.jpg) no-repeat center; -webkit-background-size:cover; background-size:cover; padding:2.17rem 0 2.3rem; color:#fff; text-align:center }
.investormore h4 { padding:0 0 0.7rem 0 }
.investormore .backview { width:2.11rem; height:0.57rem; line-height:0.57rem; background-color:#fff; color:#0196da; margin:0 auto; font-size:0.18rem }
.contactus { position:relative; padding:1.52rem 0; border-bottom:1px solid #eaeaea }
.contactus .left { width:46.52%; padding:0 1rem 0 0 }
.contactus .left .lxtel { padding:0.4rem 0 0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; font-size:0.16rem; line-height:0.4rem;justify-content:space-between; }
.contactus .left dl { padding:0 1.13rem 0.45rem 0 }
.contactus .left dl dd { font-family:"InterRegular"; padding:0.05rem 0 0 }
.contactus .left dl.last { width:100%; color:#999999; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; line-height:0.3rem; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.contactus .left dl.last dd { padding:0 0 0 0.4rem }
.contactus .right { position:absolute; top:1.52rem; right:0; width:54.1666vw; height:7.43rem; border-radius:0.2rem }
#container { z-index:1; width:100%; height:100% }
#container div { padding:0 !important }
#container canvas { border-radius:0.2rem }
#container .flex { padding:0.14rem 1.58rem 0.14rem 0.16rem !important; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
#container .flex p { text-align:left; font-size:0.18rem; padding-left:0.34rem }
#container .flex p span { display:block; font-size:0.14rem; color:#999; padding:0.12rem 0 0 0 }
#container svg { display:none }
#container .sanjiao { width:20px !important; height:20px !important; bottom:-10px !important; border-radius:0.05rem }
#container .logo-text, #container .rotate-circle, #container .tmap-zoom-control, #container .tmap-scale-control { display:none }
.talenet { background:url(../images/rcbg.jpg) no-repeat 0 0; -webkit-background-size:cover; background-size:cover; padding:1.5rem 0 0.6rem }
.talenet h3 { padding:0 0 1.02rem }
.talenet .info { width:6.57rem }
.talenet .info dl { padding:0 0 0.62rem; font-size:0.16rem; line-height:0.28rem; color:#777 }
.talenet .info dl h5 { padding:0 0 0.21rem; color:#333 }
.swiper_btn { position:relative; width:1.34rem; height:0.54rem }
.swiper-button-next, .swiper-button-prev { width:0.53rem; height:0.53rem; background-color:#fff; border-radius:50%; border:1px solid #dfdfdf }
.swiper-button-next::after, .swiper-button-prev::after {
font-size:0.16rem;
font-weight:bold;
color:#0196da
}
.swiper-button-next:hover, .swiper-button-prev:hover { background-color:#0196da; border-color:#0196da }
.swiper-button-next:hover::after, .swiper-button-prev:hover::after {
color:#fff
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:0.6 }
.swiper-button-next { right:0 }
.swiper-button-prev { left:0 }
.zpjobs { padding:1.2rem 0 1.48rem }
.topswiperbtn { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:0 0 0.65rem }
.mySwiper .box { background-color:#fff; border-radius:0.2rem; padding:0.25rem 0.39rem 0.3rem 0.35rem; position:relative; -webkit-transform:all 0.3s; -ms-transform:all 0.3s; -o-transform:all 0.3s; transform:all 0.3s; cursor:pointer }
.mySwiper .box:hover { background-color:#0196da; color:#fff }
.mySwiper .box:hover .ser, .mySwiper .box:hover .num { color:#fff }
.mySwiper .box:hover .name { font-weight:bold }
.mySwiper .box .ser { font-size:0.32rem; color:#0196da }
.mySwiper .box .name { font-size:0.18rem; padding:0.1rem 0 0.15rem }
.mySwiper .box .num { color:#999999; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.mySwiper .swiper-slide-thumb-active .box { background-color:#0196da; color:#fff }
.mySwiper .swiper-slide-thumb-active .box .ser, .mySwiper .swiper-slide-thumb-active .box .num { color:#fff }
.mySwiper .swiper-slide-thumb-active .box .name { font-weight:bold }
.mySwiper2 { background-color:#fff; border-radius:0.2rem; margin:0.3rem 0 0 }
.mySwiper2 .box { padding:0.45rem 0.68rem 0.7rem 0.5rem }
.mySwiper2 .box .ms { font-size:0.2rem }
.mySwiper2 .box .desc { border-top:1px solid #ededed; padding:0.4rem 0 0; margin:0.27rem 0 0; font-size:0.16rem; line-height:0.36rem; color:#666666; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.mySwiper2 .box .desc .yq { width:44% }
.glticontent { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; padding-top:1.34rem; padding-bottom:1.2rem; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.glticontent .right { font-size:0.16rem; line-height:0.3rem; color:#777; width:8.7rem }
.jcsbcontent { background:url(../images/jcsbg1.jpg) no-repeat center; -webkit-background-size:cover; background-size:cover; padding-top:1.3rem; padding-bottom:1.4rem }
.mySwiper3 .swiper-slide:hover .name { background-color:#0196da; color:#fff; -webkit-box-shadow:2px 0 30px rgba(179, 188, 200, 0.5); box-shadow:2px 0 30px rgba(179, 188, 200, 0.5) }
.mySwiper3 .img { border-radius:0.1rem; overflow:hidden; height:3.27rem }
.mySwiper3 .img:hover img { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03) }
.mySwiper3 .img img { -webkit-transition:-webkit-transform ease .7s;
transition:-webkit-transform ease .7s;
-o-transition:-o-transform ease .7s;
transition:transform ease .7s;
transition:transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}
.mySwiper3 .img img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; border-radius:0.1rem }
.mySwiper3 .name { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:0.7rem; line-height:0.7rem; font-size:0.18rem; color:#777; padding:0 20px; text-align:center; background-color:#fff; border-radius:0.1rem; margin:0.13rem 0 0; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s }
.flex { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
.rzzscontent { padding:0.89rem 0 1.24rem }
.rzzscontent .flex { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.rztopthumbs { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
.rztopthumbs a { width:1.89rem; height:0.63rem; line-height:0.63rem; text-align:center; font-size:0.18rem; color:#777; margin:0 0.27rem 0 0; background-color:#fff; border-radius:0.5rem }
.rztopthumbs a:hover, .rztopthumbs a.cur { background-color:#0196da; color:#fff }
.rztopfilter { height:0.63rem; line-height:0.63rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; font-size:0.16rem; padding:0 0.26rem; background-color:#fff; border-radius:0.5rem }
.rztopfilter a { padding:0 0.26rem; color:#777 }
.rztopfilter a:hover, .rztopfilter a.cur { color:#0196da; font-weight:bold }
.rztxlist ul { margin:0 -0.15rem; padding:0.94rem 0 0.55rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.rztxlist ul li { padding:0 0.15rem 0.5rem; width:25% }
.rztxlist ul li .imgbox { background-color:#fff; border-radius:0.2rem; padding:0.47rem 0.3rem; text-align:center; position:relative; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s }
.rztxlist ul li .imgbox img { width:1.93rem }
.rztxlist ul li .imgbox .img { background-image:url(../images/rztximgbg.jpg); background-repeat:no-repeat; background-position:center center; padding:0.08rem; -webkit-background-size:contain; background-size:contain }
.rztxlist ul li .name { background-color:#fff; border-radius:0.2rem; font-size:0.18rem; height:0.8rem; line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0.06rem 0 0; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; padding:0 0.3rem }
.rztxlist ul li:hover .imgbox { -webkit-box-shadow:2px 0 30px rgba(179, 188, 200, 0.5); box-shadow:2px 0 30px rgba(179, 188, 200, 0.5) }
.rztxlist ul li:hover .name { color:#0196da; -webkit-box-shadow:2px 0 30px rgba(179, 188, 200, 0.5); box-shadow:2px 0 30px rgba(179, 188, 200, 0.5) }
.swiperbottom { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding:0 0 1.5rem 0 }
.swiperbottom .swiper-pagination { position:static; height:3px; max-width:1390px; width:0; -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none; -webkit-transition:all 2s; -o-transition:all 2s; transition:all 2s; -webkit-animation:rwidth 2s ease normal forwards; -o-animation:rwidth 2s ease normal forwards; animation:rwidth 2s ease normal forwards; -webkit-animation-iteration-count:1; -o-animation-iteration-count:1; animation-iteration-count:1 }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#0196da }
.swiper-pagination-progressbar { background-color:#e5e6e8 }
.mySwiper4 { width:17.5rem; overflow:hidden; padding:0.15rem 0 1rem 0 }
.mySwiper4 .name { font-size:0.18rem; color:#777; text-align:center; padding:0.17rem 0 0 }
.mySwiper4 .img { border-radius:0.2rem }
.mySwiper4 .img img { border-radius:0.2rem }
.hzbhcontent { background:url(../images/hzbhbg.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; padding:1.42rem 0 1rem }
.hzbhcontent dl { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; padding:0 0 0.65rem 0 }
.hzbhcontent dl:nth-child(odd) {
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-webkit-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}
.hzbhcontent dl:nth-child(odd) dd {
margin-right:0.57rem
}
.hzbhcontent dl:nth-child(even) dd {
margin-left:0.57rem
}
.hzbhcontent dl dt { color:#fff; position:relative; border-radius:0.2rem; width:6.75rem }
.hzbhcontent dl dt img { height:100%; width:100%; -o-object-fit:cover; object-fit:cover; border-radius:0.2rem }
.hzbhcontent dl dt h5 { text-transform:uppercase; position:absolute; top:0.62rem; left:0.62rem }
.hzbhcontent dl dd { background-color:#fff; border-radius:0.2rem; padding:0.86rem 0.93rem; width:8.48rem }
.hzbhcontent dl dd .desc { color:#777; font-size:0.16rem; line-height:0.3rem; padding:0.52rem 0 0 }
.gytjcontent { background:url(../images/gybg.jpg) no-repeat 0 0; -webkit-background-size:cover; background-size:cover; padding:1.44rem 0 1.8rem }
.gytjcontent dl { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.gytjcontent dl dt h5 { font-size:0.26rem; color:#777; padding:0.15rem 0 0 }
.gytjcontent dl dd { padding:0.34rem 0 0; width:8rem }
.gytjcontent dl dd .desc { font-size:0.16rem; line-height:0.3rem; color:#777; padding:0.95rem 0 1.08rem }
.gytjcontent .bottom { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.topnums { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.couters .unit { font-size:0.46rem; color:#0196da; font-family:"InterMedium" }
.couters .unit .cnums { font-size:0.46rem; color:#0196da; font-family:"InterMedium" }
.couters .unit em { color:#777; font-family:"albbRegular"; font-size:0.18rem; margin-left:0.13rem }
.couters .nam { font-family:"albbRegular"; font-size:0.18rem }
.boticon { -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding:0 1rem 0 0 }
.boticon .icon { width:0.57rem; height:0.57rem; border:2px solid #f6d760; border-radius:50% }
.boticon .info { padding:0 0 0 0.24rem; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1 }
.boticon .info .tit { font-size:0.2rem; font-weight:bold }
.boticon .info .txt { color:#858585; padding:0.05rem 0 0 }
.comtit { text-align:center }
.hxjzlcontent { padding:1.3rem 0 1.66rem }
.hsjzlists { padding:1.1rem 0 0 }
.hsjzlists ul { margin:0 -0.65rem }
.hsjzlists ul li { padding:0 0.65rem; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1 }
.hsjzlists ul li .box { position:relative; color:#fff; border-radius:0.2rem; overflow:hidden; overflow:hidden }
.hsjzlists ul li .box:hover img { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03) }
.hsjzlists ul li .box img { -webkit-transition:-webkit-transform ease .7s;
transition:-webkit-transform ease .7s;
-o-transition:-o-transform ease .7s;
transition:transform ease .7s;
transition:transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}
.hsjzlists ul li .box img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; border-radius:0.2rem }
.hsjzlists ul li .box .onecont { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:0.2rem; padding:0.6rem 0.62rem 0.2rem 0.55rem; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s }
.hsjzlists ul li .box .onecont .cn { text-align:right; font-weight:bold }
.hsjzlists ul li .box .onecont .en { text-transform:uppercase; text-align:right; padding:0.16rem 0 0; font-size:0.22rem; font-family:"InterBold" }
.hsjzlists ul li .box .twocont { -webkit-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; padding:1rem 0.62rem 0.2rem 0.55rem }
.hsjzlists ul li .box .twocont::after {
content:"";
display:block;
position:absolute;
top:0;
height:100%;
left:0;
width:100%;
background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 150, 217, 0)), to(#0096d9));
background-image:-webkit-linear-gradient(top, rgba(0, 150, 217, 0), #0096d9);
background-image:-o-linear-gradient(top, rgba(0, 150, 217, 0), #0096d9);
background-image:linear-gradient(to bottom, rgba(0, 150, 217, 0), #0096d9);
border-radius:0.2rem;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
z-index:1
}
.hsjzlists ul li .box .twocont .text { 
    margin:0.45rem 0 0; line-height:0.26rem; position:relative; z-index:2; text-align:left;
    
    height: 2.34rem;
    overflow: auto;
    
}
.hsjzlists ul li .box .twocont .text::-webkit-scrollbar {
    width: 2px;
    background-color: #cbc1af;
}
.hsjzlists ul li .box .twocont .text::-webkit-scrollbar-thumb {
    background-color: #0196da;
}
.hsjzlists ul li .box .twocont .cn { font-weight:bold; position:relative; z-index:2 }
.hsjzlists ul li .box:hover .onecont { opacity:0 }
.hsjzlists ul li .box:hover .twocont { -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0) }
.historybox { background:url(../images/fzlcbg.jpg) no-repeat 0 0; -webkit-background-size:cover; background-size:cover; padding:1.12rem 0 1.28rem }
.historywrapper { padding:0 1.8rem; position:relative; margin:0.77rem 0 1.03rem }
.historywrapper .swiper_btn { position:absolute; position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:100%; left:0 }
.historywrapper .swiper-button-next { right:0.4rem }
.historywrapper .swiper-button-prev { left:0.4rem }
.mySwiper5 { overflow:hidden }
.mySwiper5 .swiper_one dl dd{
    padding:0;
}
.mySwiper5 dl { -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; background-color:#fff; border-radius:0.2rem; padding:0.65rem 1.18rem; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.mySwiper5 dl dt { border-radius:0.2rem; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1 }
.mySwiper5 dl dt img { border-radius:0.2rem }
.mySwiper5 dl dd { padding-right:1.49rem; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1 }
.mySwiper5 dl dd .year { font-size:0.46rem; color:#0196da }
.mySwiper5 dl dd .txt { font-size:0.18rem; line-height:0.36rem; color:#777; padding:0.4rem 0 0 }
.mySwiper6 { text-align:center }
.mySwiper6::before {
content:"";
display:block;
width:100%;
height:1px;
background-color:#e3e3e3;
position:relative;
top:0.05rem
}
.mySwiper6 .dot { width:0.1rem; height:0.1rem; background-color:#999999; border-radius:50%; margin:0 auto; position:relative }
.mySwiper6 .dot::after {
content:"";
display:block;
width:0.22rem;
height:0.22rem;
background-color:#fff;
border-radius:50%;
position:absolute;
z-index:3;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
z-index:-1;
opacity:0;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s
}
.mySwiper6 .year { font-size:0.18rem; font-weight:bold; color:#999999; padding:0.18rem 0 0 }
.mySwiper6 .swiper-slide-thumb-active .dot { background-color:#0196da }
.mySwiper6 .swiper-slide-thumb-active .dot::after {
opacity:1
}
.mySwiper6 .swiper-slide-thumb-active .year { color:#0196da }
.mySwiper6 .swiper-slide { cursor:pointer }
.yylycontent { padding:0.1rem 0 1.9rem }
.yylycontent .glticontent .right { max-width:6.71rem }
.yylylist { padding:0.13rem 0 0 0 }
.yylylist ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;  margin:-0.15rem }
.yylylist ul li { padding:0.15rem; width:20% }
.yylylist ul li .box { position:relative; border-radius:0.2rem; overflow:hidden; -webkit-transition:-webkit-transform 0.6s; transition:-webkit-transform 0.6s; -o-transition:-o-transform 0.6s; transition:transform 0.6s; transition:transform 0.6s, -webkit-transform 0.6s, -o-transform 0.6s }
.yylylist ul li .box:hover img { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03) }
.yylylist ul li .box img { -webkit-transition:-webkit-transform ease .7s;
transition:-webkit-transform ease .7s;
-o-transition:-o-transform ease .7s;
transition:transform ease .7s;
transition:transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}
.yylylist ul li .box:hover { -webkit-box-shadow:2px 0 30px rgba(0, 0, 0, 0.2); box-shadow:2px 0 30px rgba(0, 0, 0, 0.2); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px) }
.yylylist ul li .box img { border-radius:0.2rem; width:100% }
.yylylist ul li .box .tit { color:#fff; font-weight:bold; font-size:0.26rem; position:absolute; bottom:0.51rem; left:0; width:100%; padding:0 0.36rem }
.zxfzcontent { position:relative }
.zxfzcontent dl { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start }
.zxfzcontent dl dt { width:50%; border-radius:0 0.2rem 0.2rem 0 }
.zxfzcontent dl dt img { width:48.80vw; height:100%; -o-object-fit:cover; object-fit:cover; position:absolute; top:0; left:0; height:100%; border-radius:0 0.2rem 0.2rem 0 }
.zxfzcontent dl dd { background-image:-webkit-gradient(linear, left top, left bottom, from(#46b3e0), to(rgba(70, 179, 224, 0.2))); background-image:-webkit-linear-gradient(top, #46b3e0, rgba(70, 179, 224, 0.2)); background-image:-o-linear-gradient(top, #46b3e0, rgba(70, 179, 224, 0.2)); background-image:linear-gradient(to bottom, #46b3e0, rgba(70, 179, 224, 0.2)); border-radius:0.2rem; padding:0.86rem 1.22rem 1rem; color:#fff; width:50%; margin-left:0.23rem; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1 }
.zxfzcontent dl dd .desc { font-size:0.2rem; margin:0.49rem 0 0.67rem; display:-webkit-box; height:1.2rem; line-height:.4rem;
text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3 }
.xswlcontent { padding:2.1rem 0 1.3rem }
.xswlcontent dl { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.xswlcontent dt { width:44.427vw; padding:0 0.2rem 0 0 }
.xswlcontent dt .desc { color:#777; font-size:0.16rem; line-height:0.3rem; padding:0.65rem 0 0.95rem }
.xswlcontent dd { position:relative }
.xswlcontent dd .star { width:15px; height:15px; position:absolute; top:61.323%; left:65.97%; -webkit-animation:jump 2s infinite; -o-animation:jump 2s infinite; animation:jump 2s infinite }
.svgMap { position:relative; width:100%; height:100% }
.svgMap .dot { position:absolute }
.svgMap .dot i { display:block; width:0.12rem; height:0.12rem; -webkit-animation:round 0.8s linear infinite alternate both; -o-animation:round 0.8s linear infinite alternate both; animation:round 0.8s linear infinite alternate both }
.svgMap .dot i::before, .svgMap .dot i::after {
content:"";
display:block;
position:absolute;
z-index:3;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
border-radius:100%
}
.svgMap .dot i::before {
width:0.12rem;
height:0.12rem;
background-color:#fff
}
.svgMap .dot i::after {
width:0.08rem;
height:0.08rem;
background-color:#ffcc53
}
.svgMap .dot.dot1 { top:2.24rem; left:2.19rem }
.svgMap .dot.dot2 { left:3.67rem; bottom:1.22rem }
.svgMap .dot.dot3 { left:3.83rem; bottom:2.42rem }
.svgMap .dot.dot4 { left:4.11rem; bottom:3.17rem }
.svgMap .dot.dot5 { left:4.5rem; bottom:1.65rem }
.svgMap .dot.dot6 { left:4.77rem; bottom:3.08rem }
.svgMap .dot.dot7 { left:4.72rem; top:2.68rem }
.svgMap .dot.dot8 { left:4.86rem; bottom:1.22rem }
.svgMap .dot.dot9 { left:5.24rem; bottom:1.89rem }
.svgMap .dot.dot10 { left:5.28rem; top:2.96rem }
.svgMap .dot.dot11 { left:5.49rem; bottom:3.08rem }
.svgMap .dot.dot12 { left:5.55rem; bottom:1.19rem }
.svgMap .dot.dot13 { left:5.6rem; bottom:3.89rem }
.svgMap .dot.dot14 { left:5.86rem; top:2.48rem }
.svgMap .dot.dot15 { left:5.93rem; bottom:1.86rem }
.svgMap .dot.dot16 { left:6.29rem; bottom:1.74rem }
.svgMap .dot.dot17 { left:6.59rem; bottom:2.2rem }
.svgMap .dot.dot18 { left:6.1rem; bottom:2.64rem }
.svgMap .dot.dot19 { left:6.69rem; bottom:2.69rem }
.svgMap .dot.dot20 { left:6.4rem; bottom:3rem }
.svgMap .dot.dot21 { left:6.13rem; bottom:3.53rem }
.svgMap .dot.dot22 { left:6.80rem; bottom:4.52rem }
.svgMap .dot.dot23 { left:7.02rem; top:1.12rem }
.zxzcontent { background:url(../images/zxzcbg.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; padding:1.31rem 0 1rem }
.zxzcontent dl { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:0 0 1.24rem }
.zxzcontent dl dt { width:4.38rem; color:#fff }
.zxzcontent dl dt h4 { line-height:0.58rem; padding:0.4rem 0 0.65rem }
.zxzcontent dl dt .desc { font-size:0.18rem; line-height:0.36rem; opacity:0.9 }
.zxzcontent dl dd { width:6.52rem }
.zxzcontent dl dd form { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.zxzcontent dl dd form .input { display:block; border-radius:5px; height:0.7rem; line-height:0.7rem; margin-left:0.15rem; padding:0 0.28rem; font-size:0.16rem }
.zxzcontent dl dd form .input-text { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; background-color:#fff }
.zxzcontent dl dd form textarea { width:100%; margin:0.12rem 0 0.16rem; background-color:#fff; border-radius:5px; height:1.6rem; margin-left:0.15rem; padding:0.28rem; font-size:0.16rem }
.zxzcontent dl dd form .input-submit { width:100%; border-radius:0.1rem; font-weight:bold; background-color:#0196da; color:#fff; font-size:0.18rem }
.ddztbox { background:url(../images/ddztbg.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; padding:0.72rem 0.9rem 0.8rem; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; color:#fff; border-radius:0.2rem }
.ddztbox .left { font-size:0.18rem }
.ddztbox .left h4 { padding:0 0 0.13rem }
.ddztbox .backview { width:2.11rem; height:0.57rem; line-height:0.57rem; background-color:#fff; color:#0196da; margin:0 auto; font-size:0.18rem }
.productlist { padding:1.56rem 0 1.6rem }
.productlist ul { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-0.22rem -0.2rem }
.productlist ul li { padding:0.22rem 0.2rem; width:33.3333% }
.productlist ul li .box { position:relative; background-image:-webkit-gradient(linear, left top, left bottom, from(#cee1f5), to(#fff)); background-image:-webkit-linear-gradient(top, #cee1f5, #fff); background-image:-o-linear-gradient(top, #cee1f5, #fff); background-image:linear-gradient(to bottom, #cee1f5, #fff); padding:0.6rem 0.55rem 0.68rem; border-radius:0.1rem; -webkit-transition:all 3s; -o-transition:all 3s; transition:all 3s }
.productlist ul li .box img { position:absolute; right:0; bottom:0; width:2.27rem }
.productlist ul li .box .info { position:relative; z-index:2 }
.productlist ul li .box .info .cn { font-size:0.28rem; font-weight:bold }
.productlist ul li .box .info .en { font-size:0.16rem; color:#a5b6c6; font-family:"InterRegular"; text-transform:uppercase; margin:0.1rem 0 0; height:0.52rem }
.productlist ul li .box .info .more { display:block; width:1.52rem; height:0.49rem; line-height:0.49rem; background-color:#0196da; border-radius:0.5rem; color:#fff; text-align:center; margin:0.82rem 0 0 }
.productlist ul li .box .info .more span { color:#fff; font-size:0.14rem; margin-left:0.26rem }
.productlist ul li .box .info .more span::before {
content:"\e764"
}
.productlist ul li .box:hover { background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#cee1f5)); background-image:-webkit-linear-gradient(top, #fff, #cee1f5); background-image:-o-linear-gradient(top, #fff, #cee1f5); background-image:linear-gradient(to bottom, #fff, #cee1f5) }
.productlist ul li .box:hover img { bottom:5px }
.productlist ul li .box:hover .info .more { background-color:#fff; color:#0196da }
.productlist ul li .box:hover .info .more span { color:#0196da }
.product-detail { min-height:44vh; padding:0.6rem 0 1.34rem }
.product-detail .glticontent { background-color:#fff; padding:0.6rem 0.8rem 0.6rem; border-radius:0.2rem; overflow:hidden;display:none; }
.product-detail .glticontent h4 { font-weight:bold }
.product-detail .glticontent .right { font-size:0.14rem; width:9.5rem }
.product-class { margin:0.2rem 0 0; background-color:#fff; border-radius:0.2rem; padding:0.73rem 0.8rem 1.1rem;  }
.product-class .tit { font-size:0.2rem }
.proclass { padding:0.45rem 0.31rem 0.3rem 0 }
.proclass ul { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap ;margin:0 -0.34rem 0 0}
.proclass ul li { padding:0 0.34rem 0.25rem 0; }
.proclass ul li a { font-size:0.16rem; border-radius:0.5rem; text-align:center; height:0.46rem; line-height:0.46rem; display:block; width:100%; background-color:#f4f7fa ;padding:0 0.2rem;}
.proclass ul li:hover a, .proclass ul li.cur a { background-color:#0196da; color:#fff }
.cplbcontent { display:none }
.product_table { padding:0.3rem 0 0 0; }
.product_table ul li { color:#585858; text-align:center }
.product_table .thead { background-color:#0196da; min-width:800px }
.product_table .thead ul li { width:26%;line-height:0.18rem;color:#fff; padding:0.2rem 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.product_table .thead ul li p{
    width: 100%;
}
.product_table .thead ul li span{
    font-size: 10px;
    vertical-align: baseline;
}
.product_table .thead ul li:not(:last-child) {
border-right:1px solid #fff
}
.product_table .tbody { border-bottom:1px solid #e6e6e6; min-width:800px ;font-size:0.14rem;}
.product_table .tbody ul li { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; position:relative ;}
.product_table .tbody ul li:nth-child(even) {
background-color:#edf4f8
}
.product_table .tbody ul li .item { width:26%;  line-height:0.24rem ;padding:0.1rem 0.21rem; display:flex;align-items:center;justify-content:center;overflow:hidden;}
.product_table .tbody ul li .item:not(:first-child) {
cursor:default;
border-left:1px solid #e6e6e6
}
.product_table .tbody ul li .item:first-child { color:#0196da }
.product_table .tbody ul li.cur p:first-child { background-color:#0196da; color:#fff }
.cpxqinfo { font-size:0.16rem }
.propopup { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:19%; background-color:#fff; padding:0.4rem 0.43rem; -webkit-box-shadow:2px 0 20px rgba(178, 180, 182, 0.7); box-shadow:2px 0 20px rgba(178, 180, 182, 0.7); display:none }
.propopup .img img:not(:last-child) {
margin-right:0.47rem
}
/*.product_table .tbody ul li .item .img{*/
/*    max-height: 5rem;*/
/*    width: 100%;*/
/*    overflow-x: hidden;*/
/*    overflow-y: auto;*/
/*}*/
.propopup .img img{
    max-width:45%;
    
}
.propopup::before {
content:"";
display:block;
width:0;
height:0;
border-top:0.11rem solid transparent;
border-bottom:0.11rem solid transparent;
border-right:0.11rem solid #fff;
border-left:transparent;
position:absolute;
z-index:3;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:-0.1rem
}
.propopup .download { display:block; width:1.32rem; height:0.39rem; line-height:0.35rem; border:2px solid #0196da; border-radius:0.5rem; position:relative; text-align:center; color:#0196da; margin:0.32rem 0 0 }
.propopup .download::before {
content:"";
display:inline-block;
vertical-align:middle;
width:18px;
height:17px;
background:url(../images/xiazai.png) no-repeat 0 0;
-webkit-background-size:contain;
background-size:contain;
margin-right:0.13rem
}
.propopup .popupclose { display:none }
.popupclose { width:0.4rem; height:0.4rem; background-color:#0196da; color:#fff; border-radius:50%; line-height:0.4rem; text-align:center; display:block; font-weight:bold; position:absolute; z-index:3; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); bottom:-0.5rem }
.popupclose::before {
content:"\e623"
}
.search_result { padding:0.36rem 0 0 }
.search_result h4 { padding:0 0 0.3rem }
.search_result .product_table { padding:0.3rem 0 0 }
.indentOrder { padding:1rem 0 1.46rem }
.indentOrder .tit { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding:0 0 0.64rem }
.username { display:block; line-height:0.34rem }
.username .icon { display:inline-block; width:0.31rem; height:0.31rem; line-height:0.31rem; text-align:center; border-radius:50%; background-color:#fff; margin:0 0.17rem 0 0 }
.myorder { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; vertical-align:middle; background-color:#fff; border-radius:0.2rem; padding:0.42rem 0.8rem }
.myorder h5 { font-size:0.26rem }
.myorder .right { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.layui-inline { -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.layui-input-inline { border:1px solid #dcdcdc; border-radius:0.5rem; height:0.49rem; line-height:0.5rem; position:relative; padding:0 0.25rem; max-width:210px }
.layui-input-inline input { display:block; width:100%; height:100%; font-size:0.16rem }
.layui-input-inline input::-webkit-input-placeholder {
color:#8c8c8c;
font-size:0.16rem
}
.layui-input-inline input::-moz-placeholder {
color:#8c8c8c;
font-size:0.16rem
}
.layui-input-inline input:-ms-input-placeholder {
color:#8c8c8c;
font-size:0.16rem
}
.layui-input-inline input::placeholder {
color:#8c8c8c;
font-size:0.16rem
}
.layui-input-inline span { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:0.25rem; color:#8c8c8c; font-size:0.14rem }
.layui-input-inline span::before {
content:"\e761"
}
.layui-form-mid { color:#cfd0d0; font-size:0.16rem; margin:0 0.25rem }
.oinput-btn, .oinput-reset { font-size:0.16rem; width:1.52rem; height:0.5rem; line-height:0.5rem; text-align:center; border-radius:0.5rem; border:1px solid #0196da }
.oinput-btn { background-color:#0196da; color:#fff; margin-left:0.37rem }
.oinput-reset { color:#0196da; margin-left:0.24rem }
.orderStatus { background-color:#fff; border-radius:0.2rem; padding:0.3rem 0.8rem; margin:0.2rem 0 0.68rem }
.orderStatus dl { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; border-bottom:1px solid #ededed; padding:0.4rem 0 }
.orderStatus dl:last-child { border:0 }
.orderStatus dl dt { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
.orderStatus dl dt .img { border:1px solid #ededed; border-radius:0.2rem; height:1.38rem }
.orderStatus dl dt .img img { border-radius:0.2rem }
.orderStatus dl dt .info { padding:0.14rem 0 0.14rem 0.43rem }
.orderStatus dl dt .name { font-size:0.18rem }
.orderStatus dl dt .time { color:#777; padding:0.12rem 0 0.33rem }
.orderStatus dl dt .num { font-size:0.15rem; color:#777 }
.orderStatus dl dd { font-size:0.18rem; color:#0196da }
.fp-tableCell { background-color:#f5f6f8 }
.index_about { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:1.36rem 0 1.46rem 0 }
.index_about .left { color:#777; width:31.135vw }
.index_about .left h4 { color:#333; padding:0 0 0.1rem }
.index_about .left .desc { font-size:0.16rem; line-height:0.28rem; padding:0.64rem 0 0.87rem }
.index_about .right { width:43.385vw; position:relative; max-width:823px }
.index_about .right .swiper-pagination { text-align:left; margin-left:-0.17rem }
.index_about .right .swiper-slide-duplicate-active, .index_about .right .swiper-slide-active { -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
.index_about .right .swiper-slide-duplicate-active .incon-playerbtn, .index_about .right .swiper-slide-active .incon-playerbtn { display:block }
.index_about .right .swiper-pagination-bullet { width:1.85rem; height:0.04rem; background-color:#dcdddf; margin:0 0.17rem !important; border-radius:0; opacity:1 }
.index_about .right .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#0196da }
.swiper-video { width:100%; overflow:hidden }
.swiper-video .swiper-slide { text-align:center; font-size:18px; background:#fff; border-radius:0.2rem; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-transition:300ms; -o-transition:300ms; transition:300ms; -webkit-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8) }
.swiper-video .conplayer-btn { width:100%; border-radius:0.2rem }
.swiper-video .conplayer-btn img { width:100%; -o-object-fit:cover; object-fit:cover }
.incon-playerbtn { display:none; width:0.41rem; height:0.48rem; background:url(../images/plbtn.png) no-repeat center; -webkit-background-size:cover; background-size:cover; position:absolute; left:50%; top:50%; margin:-0.24rem 0 0 -0.205rem; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; cursor:pointer }
.incon-playerbtn:hover { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.index_product { padding:1.36rem 0 1.26rem; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5ecf3)); background:-webkit-linear-gradient(top, #fff, #e5ecf3); background:-o-linear-gradient(top, #fff, #e5ecf3); background:linear-gradient(to bottom, #fff, #e5ecf3) }
.index_product .index-title { -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.index_product .index-title h6 { color:#777 }
.index_product .flex { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.indexproductbox { padding:1rem 0 0 0 }
.indexproductbox .swiper-pagination-progressbar { background-color:#d1e0ef }
.indexproductbox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color:#fff }
.indexproductbox .swiperbottom { padding:0 }
.product-wrapper { overflow:hidden; width:94.27vw; padding:0 0 0.92rem }
.product-wrapper ul li .box { position:relative; background-color:#fff; padding:0.6rem 0.55rem 0.68rem; border-radius:0.1rem; -webkit-transition:all 3s; -o-transition:all 3s; transition:all 3s }
.product-wrapper ul li .box img { position:absolute; right:0; bottom:0; width:2.27rem }
.product-wrapper ul li .box .info { position:relative; z-index:2 }
.product-wrapper ul li .box .info .cn { font-size:0.28rem; font-weight:bold }
.product-wrapper ul li .box .info .en { font-size:0.16rem; color:#a5b6c6; font-family:"InterRegular"; text-transform:uppercase; margin:0.1rem 0 0; height:0.52rem }
.product-wrapper ul li .box .info .more { display:block; width:1.52rem; height:0.49rem; line-height:0.49rem; border:1px solid #0196da; border-radius:0.5rem; color:#0196da; text-align:center; margin:0.82rem 0 0 }
.product-wrapper ul li .box .info .more span { color:#0196da; font-size:0.14rem; margin-left:0.26rem }
.product-wrapper ul li .box .info .more span::before {
content:"\e764"
}
.product-wrapper ul li .box:hover { background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#cee1f5)); background-image:-webkit-linear-gradient(top, #fff, #cee1f5); background-image:-o-linear-gradient(top, #fff, #cee1f5); background-image:linear-gradient(to bottom, #fff, #cee1f5) }
.product-wrapper ul li .box:hover img { bottom:5px }
.product-wrapper ul li .box:hover .info .more { background-color:#0196da; color:#fff }
.product-wrapper ul li .box:hover .info .more span { color:#fff }
.index-Technology { background:url(../images/indexbg1.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; padding:1.25rem 0 0.75rem }
.index-Technology .index-title { color:#fff; padding:0 0 1.8rem }
.index-Technology .backview { background-color:#fff; color:#0196da; margin:0.47rem 0 0 0 }
.index-Technology .leftcont { background-color:#fff; border-radius:0.2rem 0 0 0.2rem; padding:0.7rem 0 0.34rem 0.7rem; width:55.2308vw; max-width:1062px }
.index-Technology .rightcont { width:33.333vw; max-width:640px }
.index-Technology .rightcont .topnums { background-color:#0196da; color:#fff; border-radius:0 0.2rem 0.2rem 0; padding:0.2rem 0.86rem }
.index-Technology .couters { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; border-bottom:1px solid rgba(255, 255, 255, 0.2); padding:0.47rem 0 }
.index-Technology .couters:last-child { border:none }
.index-Technology .couters .unit { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start }
.index-Technology .couters .unit .cnums { color:#fff; line-height:0.46rem }
.index-Technology .couters .unit em { color:#fff; margin:0 0 0 0.1rem }
.index-Technology .couters .nam { font-size:0.18rem }
.index-Technology .swiper_btn { width:1.1rem; margin:0 auto; height:0.4rem }
.index-Technology .swiper-button-next, .index-Technology .swiper-button-prev { width:0.4rem; height:0.4rem; border:0; background-color:#f1f1f1 }
.index-Technology .swiper-button-next::after, .index-Technology .swiper-button-prev::after {
color:#868686
}
.index-Technology .swiper-button-next:hover, .index-Technology .swiper-button-prev:hover { background-color:#0196da }
.index-Technology .swiper-button-next:hover::after, .index-Technology .swiper-button-prev:hover::after {
color:#fff
}
.Technology-swiper { overflow:hidden; padding:0 0 0.37rem 0 }
.Technology-swiper ul li { width:33.333%; overflow:hidden }
.Technology-swiper ul li .text { font-size:0.16rem; color:#777; text-align:center; padding:0.16rem 0 0 0 }
.Technology-swiper ul li .img { position:relative; overflow:hidden }
.Technology-swiper ul li .img img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.Technology-swiper ul li .img::before, .Technology-swiper ul li .img::after {
content:"";
display:block;
background-color:#0196da;
position:absolute;
top:0;
left:0;
-webkit-transition:all 1s ease 0s;
-o-transition:all 1s ease 0s;
transition:all 1s ease 0s;
z-index:1
}
.Technology-swiper ul li .img::before {
width:0;
height:0.05rem
}
.Technology-swiper ul li .img::after {
width:0.05rem;
height:0
}
.Technology-swiper ul li .img p::before, .Technology-swiper ul li .img p::after {
content:"";
display:block;
background-color:#0196da;
position:absolute;
bottom:0;
right:0;
-webkit-transition:all 1.5s ease 0s;
-o-transition:all 1.5s ease 0s;
transition:all 1.5s ease 0s;
z-index:1
}
.Technology-swiper ul li .img p::before {
width:0;
height:0.05rem
}
.Technology-swiper ul li .img p::after {
width:0.05rem;
height:0
}
.Technology-swiper ul li:hover img { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03) }
.Technology-swiper ul li img { -webkit-transition:-webkit-transform ease .7s;
transition:-webkit-transform ease .7s;
-o-transition:-o-transform ease .7s;
transition:transform ease .7s;
transition:transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}
.Technology-swiper ul li:hover .text { color:#0196da }
.Technology-swiper ul li:hover .img::before, .Technology-swiper ul li:hover .img p::before {
width:100%
}
.Technology-swiper ul li:hover .img::after, .Technology-swiper ul li:hover .img p::after {
height:100%
}
.swiper-video { position:relative; max-width:8.33rem; z-index:3 }
.swiper-video .swiper-slide { position:relative; width:6.23rem }
.swiper-video .swiper-slide img {
-webkit-transition:all .5s;
-o-transition:all .5s;
transition:all .5s; border-radius:0.2rem }
.index_Network { background:url(../images/indexbg2.jpg) no-repeat 100% center; -webkit-background-size:cover; background-size:cover; padding:1.2rem 0 1.77rem }
.inetwork_cont { -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; padding-top:0.97rem }
.inetwork_cont .lefticon { position:relative; width:6.52rem; height:3.88rem; max-width:652px }
.inetwork_cont .lefticon .effect { position:absolute; left:-0.43rem; top:7%; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.inetwork_cont .lefticon .circle { -webkit-animation:jump 1s infinite; -o-animation:jump 1s infinite; animation:jump 1s infinite }
.inetwork_cont .lefticon .nlogo { margin-left:0.36rem }
.inetwork_cont .lefticon .lind { width:6.52rem }
.inetwork_cont .lefticon .lind img { width:6.52rem; height:0; -webkit-transition:all 3s; -o-transition:all 3s; transition:all 3s; -webkit-animation:rheight 3s ease normal forwards; -o-animation:rheight 3s ease normal forwards; animation:rheight 3s ease normal forwards; -webkit-animation-iteration-count:1; -o-animation-iteration-count:1; animation-iteration-count:1 }
.inetwork_cont .rightcont { max-width:4.5rem; margin-left:1.35rem }
.inetwork_cont .desc { line-height:0.4rem ;font-size:0.3rem;}
.inetwork_cont .desc p { padding:0 0 0.2rem }
.inetwork_cont .backview { margin:0.7rem 0 0 0 }
.index-Newscenter { padding:1.23rem 0 1.39rem }
.index_newscont { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.index_newscont .img { overflow:hidden; overflow:hidden; border-radius:0.2rem;position:relative; }
.index_newscont .img:before{
    content: "";
    display: block;
    padding-top: 56.3%;
}
.index_newscont .img:hover img { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03) }
.index_newscont .img img { -webkit-transition:-webkit-transform ease .7s;
transition:-webkit-transform ease .7s;
-o-transition:-o-transform ease .7s;
transition:transform ease .7s;
transition:transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index_newscont .img img { width:100%; -o-object-fit:cover; object-fit:cover; border-radius:0.2rem }
.index_newscont .tit { display:-webkit-box; height:.72rem;
line-height:.36rem;
text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2 }
.index_newscont .leftrecommon { width:35.365vw; padding-top:1.55rem; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; position:relative }
.index_newscont .leftrecommon .line { width:100%; height:2px; background:#211e1c; margin:0.37rem 0; position:relative }
.index_newscont .leftrecommon .line::after {
content:"";
display:block;
width:0;
height:2px;
background-color:#0196da;
position:absolute;
z-index:3;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:0;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s
}
.index_newscont .leftrecommon:hover .line::after {
width:100%
}
.index_newscont .leftrecommon .tit { margin:0.2rem 0 0 }
.index_newswrapper { width:40.52vw; margin-top:-0.87rem; position:relative; overflow:hidden }
.index_newswrapper ul li:hover .tit { color:#0196da }
.index_newswrapper ul li:hover .date .year::after {
width:1rem
}
.index_newswrapper ul li .tit { margin:0.37rem 0 0.4rem; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s }
.index_newswrapper ul li .date { display:inline-block; text-align:right; padding:1rem 0 0 }
.index_newswrapper ul li .date .year { font-size:0.26rem; position:relative }
.index_newswrapper ul li .date .year::before {
content:"";
display:block;
width:1rem;
height:2px;
background-color:#21150c;
position:absolute;
z-index:3;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:0.1rem
}
.index_newswrapper ul li .date .year::after {
content:"";
display:block;
width:0;
height:2px;
background-color:#0196da;
position:absolute;
z-index:3;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:0.1rem;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s
}
.index_newswrapper ul li .date .month { font-size:0.66rem; color:#181717; line-height:0.66rem; padding:0.2rem 0 0 0 }
.index_newswrapper .swiper_btn { position:absolute; right:0; bottom:5px; background-color:#f5f6f8; z-index:2 }
.search_form .wcnm { width:6.45rem;justify-content:space-between; }
.search_form .inputs { position:relative; width:100%; }
.search_form .inputs .box { position:absolute; top:0; right:0; display:none }
.product_table .tbody ul li .item:first-child { cursor:pointer }


/*2024.8.13*/
.rztxlistpopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 101;
}

.rztxlistpopup .img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rztxlistpopup .img .close {
    position: absolute;
    right: -0.4rem;
    top: -0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.4rem;
    height: 0.4rem;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
}


/*2024.12.16*/
.probigimg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 101;
}

.probigimg .img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.probigimg .img .close {
    position: absolute;
    right: -0.4rem;
    top: -0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.4rem;
    height: 0.4rem;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
}
@media screen and (min-width: 2300px) {
.mySwiper4 {
width:22.1rem
}
}
@media screen and (min-width: 1900px) {
.index-Technology .rightcont {
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-perspective:1000px;
perspective:1000px
}
.index-Technology .rightcont .topnums {
-webkit-transform:rotateY(100deg);
transform:rotateY(100deg);
-webkit-transform-origin:left;
-ms-transform-origin:left;
-o-transform-origin:left;
transform-origin:left;
-webkit-transition-duration:400ms;
-o-transition-duration:400ms;
transition-duration:400ms;
-webkit-transition:background-color 500ms ease-in, -webkit-transform 500ms cubic-bezier(0, 0.45, 1, 0.95);
transition:background-color 500ms ease-in, -webkit-transform 500ms cubic-bezier(0, 0.45, 1, 0.95);
-o-transition:background-color 500ms ease-in, -o-transform 500ms cubic-bezier(0, 0.45, 1, 0.95);
transition:transform 500ms cubic-bezier(0, 0.45, 1, 0.95), background-color 500ms ease-in;
transition:transform 500ms cubic-bezier(0, 0.45, 1, 0.95), background-color 500ms ease-in, -webkit-transform 500ms cubic-bezier(0, 0.45, 1, 0.95), -o-transform 500ms cubic-bezier(0, 0.45, 1, 0.95);
-webkit-animation-iteration-count:1;
-o-animation-iteration-count:1;
animation-iteration-count:1
}
.index-Technology .rightcont.pre3d .topnums {
-webkit-animation:rotates 1s ease normal forwards;
-o-animation:rotates 1s ease normal forwards;
animation:rotates 1s ease normal forwards
}
}
@media screen and (max-width: 1260px) {
.mySwiper5 dl {
padding:0.3rem
}
}
@media screen and (max-width: 1024px) {
.yylylist ul li {
width:33.33%
}
}
@media screen and (min-width:1024px) and (max-width:1440px){
    .header_nav ul li{
        padding:0 0.25rem;
    }
    .hsjzlists ul li{
        padding:0 0.3rem;
    }
    .contactus .left dl{
        padding-right: 0.8rem;
    }
    .gytjcontent dl dd .desc,.index_about .left .desc,.glticontent .right,.hzbhcontent dl dd .desc,.glticontent .right,.xswlcontent dt .desc,.contactus .left .lxtel,.talenet .info dl,.mySwiper2 .box .desc,.Technology-swiper ul li .text,.footer_subnav a,.intzcont .right dl dt,.rztopfilter,.proclass ul li a{
        font-size: 0.17rem;
    }
    .gytjcontent dl dd{
        padding-left: 0.3rem;
    }
    .boticon{
        padding-right: 0;
    }
    .hsjzlists ul li .box .twocont{
        padding-top: 0.4rem;
    }
    .header_subnav a{
        font-size: 0.18rem;
    }
    .index_about .right .swiper-pagination-bullet{
        width: 1.4rem;
    }
    .proclass ul li{
        padding-bottom: 0.2rem;
    }
    .hsjzlists ul li .box .twocont .text{
        height: 2.6rem;
    }
}


@media screen and (max-width: 768px) {
.f62 {
font-size:0.44rem
}
.f60 {
font-size:0.38rem
}
.f50 {
font-size:0.34rem
}
.f48 {
font-size:0.32rem
}
.f42 {
font-size:0.3rem
}
.f40 {
font-size:0.3rem
}
.f36 {
font-size:0.28rem
}
.f32 {
font-size:0.26rem
}
.f30 {
font-size:0.26rem
}
.f24 {
font-size:0.2rem
}
.f20 {
font-size:0.18rem
}
.logincontent .img {
width:100%;
height:5rem
}
.logincontent .text {
padding:20px;
width:100%;
height:5rem;
position:relative
}
.loginbox {
width:100%;
padding:0;
display:block
}
.loginbox .info {
position:absolute;
z-index:3;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
padding:0
}
.loginbox .info dt {
margin:0 0 0.5rem
}
.loginform {
width:100%;
padding:0.5rem 20px;
margin:0
}
.loginform .dl {
padding:0.3rem 0
}
.isnews_list {
padding:0.5rem 0
}
.isnews_list ul li a {
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-webkit-flex-direction:column-reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
padding:0.3rem
}
.isnews_list ul li .date {
display:none
}
.isnews_list ul li .info {
padding:0.3rem 0 0;
width:100%
}
.isnews_list ul li .info .tit {
font-size:0.22rem
}
.isnews_list ul li .info .txt {
margin:0.1rem 0;
font-size:0.18rem
}
.isnews_list ul li .img {
width:100%;
height:2rem
}
.isnews_list ul li .img img {
-o-object-fit:cover;
object-fit:cover;
height:100%;
width:100%
}
.inews_details {
padding:0.5rem 0
}
.crumbs {
padding:0 0 0.3rem
}
.inews-dcontent {
padding:0.3rem
}
.inews-dcontent .toptitle {
padding:0 0 0.3rem;
margin:0 0 0.4rem
}
.inews-dcontent .toptitle .date {
padding:0.2rem 0 0
}
.news_rlinks {
margin:0.6rem 0 0
}
.news_rlinks dl {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.news_rlinks dl dt {
width:100%
}
.news_rlinks dl dd {
padding:0.3rem 0
}
.investor {
padding:0.5rem 0
}
.intzcont {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.intzcont .left .dm {
padding:0.1rem 0 0
}
.intzcont .right {
padding:0.3rem 0 0
}
.intzcont .right h4 {
padding:0 0 0.3rem 0
}
.intzcont .right dl {
padding:0.3rem 0
}
.investormore {
padding:1rem 0
}
.investormore h4 {
padding:0 0.6rem 0.6rem
}
.contactus {
padding:0.5rem 0
}
.contactus .left {
width:100%;
padding:0
}
.contactus .left .lxtel {
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0 -0.2rem;
font-size:0.18rem
}
.contactus .left dl {
padding:0 0.2rem 0.5rem
}
.contactus .right {
position:static;
width:100%;
height:3.5rem
}
#container .flex {
max-width:80vw
}
#container .flex img {
height:0.7rem
}
.talenet {
padding:0.5rem 0
}
.talenet h3 {
padding:0 0 0.4rem
}
.talenet .info {
width:100%
}
.talenet .info dl {
padding:0 0 0.3rem
}
.zpjobs {
padding:0.5rem 0
}
.topswiperbtn {
padding:0 0 0.3rem 0
}
.mySwiper .box {
padding:0.2rem
}
.mySwiper .box .num {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.mySwiper2 .box {
padding:0.3rem
}
.mySwiper2 .box .desc {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.mySwiper2 .box .desc .yq {
width:100%;
padding:0 0 0.2rem
}
.mySwiper2 .box .desc .yq:last-child {
padding:0
}
.glticontent {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0.5rem 0
}
.glticontent .right {
padding:0.3rem 0 0
}
.jcsbcontent {
padding:0.5rem 0
}
.rzzscontent {
padding:0.5rem 0
}
.rzzscontent .flex {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.rztopfilter {
width:100%;
padding:0 0.2rem;
margin:0.3rem 0 0
}
.rztopfilter a {
padding:0 0.2rem
}
.rztxlist ul {
margin:0 -0.1rem;
padding:0.3rem 0
}
.rztxlist ul li {
width:50%;
padding:0 0.1rem 0.3rem
}
.rztxlist ul li .imgbox {
padding:0.3rem
}
.mySwiper4 {
width:100%;
padding:0.5rem 0
}
.swiperbottom {
padding:0 0 0.5rem
}
.swiperbottom .swiper_btn {
margin-left:10px
}
.hzbhcontent {
padding:0.5rem 0
}
.hzbhcontent dl {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0 0 0.3rem 0
}
.hzbhcontent dl dd {
margin:0 !important;
padding:0.3rem;
width:100%
}
.hzbhcontent dl dd .desc {
padding:0.1rem 0 0
}
.hzbhcontent dl dt {
width:100%
}
.hzbhcontent dl dt h5 {
top:0.5rem;
left:0.3rem
}
.gytjcontent {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0.5rem 0 0;
position:relative;
background:#fff
}
.gytjcontent dl {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.gytjcontent dl dt h5 {
font-size:0.2rem
}
.gytjcontent dl dd .couters .nam{
    font-size: 0.15rem;
}
.gytjcontent dl dd .desc {
padding:0.3rem 0
}
.gytjcontent .bottom {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.boticon {
padding:0.2rem 0
}
.couters .unit {
font-size:0.3rem
}
.couters .unit em {
margin-left:0
}
.couters .unit .cnums {
font-size:0.3rem
}
.hsjzlists {
padding:0.3rem 0 0
}
.hsjzlists ul {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0
}
.hsjzlists ul li {
width:100%;
-webkit-box-flex:1;
-webkit-flex:auto;
-ms-flex:auto;
flex:auto;
padding:0 0 0.3rem 0
}
.hsjzlists ul li .box .onecont {
opacity:0
}
.hsjzlists ul li .box .twocont {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.hsjzlists ul li .box .twocont .text {
text-align:left
}

.hxjzlcontent {
padding:0.5rem 0
}
.historybox {
padding:0.5rem 0;
background:#dee9f3
}
.historywrapper {
padding:0 0.5rem;
margin:0.3rem 0 0.5rem
}
.historywrapper .swiper-button-next {
right:-10px
}
.historywrapper .swiper-button-prev {
left:-10px
}
.mySwiper5 dl {
padding:0.3rem;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.mySwiper5 dl dd {
padding:0
}
.mySwiper5 dl dd .year {
font-size:0.32rem;
padding:0 0 0.1rem
}
.mySwiper5 dl dd .txt {
padding:0.2rem 0 0;
line-height:0.3rem
}
.yylycontent {
padding-bottom:1rem
}
.yylylist ul {
margin:-0.1rem
}
.yylylist ul li {
width:50%;
padding:0.1rem
}
.yylylist ul li .box .tit {
font-size:0.24rem;
bottom:0.2rem;
padding:0 0.2rem
}
.zxfzcontent {
padding:0 20px
}
.zxfzcontent dl {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.zxfzcontent dl dt {
border-radius:0.2rem;
width:100%
}
.zxfzcontent dl dt img {
border-radius:0.2rem;
position:static;
width:100%
}
.zxfzcontent dl dd {
padding:0.4rem;
margin:0.1rem 0 0;
width:100%
}
.zxfzcontent dl dd .desc {
margin:0.2rem 0 0.3rem;
line-height:0.3rem;
height:1.2rem;
-webkit-line-clamp:4
}
.xswlcontent {
padding:0.5rem 0
}
.xswlcontent dl {
display:block
}
.xswlcontent dl dt {
width:100%;
padding:0 0 0.3rem 0
}
.xswlcontent dl dt .desc {
padding:0.3rem 0
}
.xswlcontent dl dd .star {
top:59%
}
.zxzcontent {
padding:0.5rem 0
}
.zxzcontent dl {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0 0 0.5rem
}
.zxzcontent dl dt h4 {
padding:0.2rem 0 0.3rem;
line-height:0.42rem
}
.zxzcontent dl dd {
width:100%;
padding:0.2rem 0 0
}
.zxzcontent dl dd form .input {
width:100%;
-webkit-box-flex:1;
-webkit-flex:auto;
-ms-flex:auto;
flex:auto;
margin:0.1rem 0 0
}
.zxzcontent dl dd form textarea {
margin:0.1rem 0 0
}
.ddztbox {
padding:0.5rem;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.ddztbox .left {
padding:0 0 0.3rem
}
.productlist {
padding:1rem 0
}
.productlist ul {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.productlist ul li {
width:100%
}
.product-detail {
padding:0.5rem 0
}
.product-detail .glticontent {
padding:0.3rem
}
.product-class {
padding:0.3rem
}
.product_table {
padding:0.3rem 0;
overflow-x:auto
}
.product_table .thead ul li:nth-child(1) {
width:40%
}
.product_table .thead ul li:nth-child(2), .product_table .thead ul li:nth-child(3) {
width:20%
}
.product_table .thead ul li:nth-child(4), .product_table .thead ul li:nth-child(5) {
width:10%
}
.product_table .tbody ul li p:nth-child(1) {
width:40%
}
.product_table .tbody ul li p:nth-child(2), .product_table .tbody ul li p:nth-child(3) {
width:20%
}
.product_table .tbody ul li p:nth-child(4), .product_table .tbody ul li p:nth-child(5) {
width:10%
}
.product_table .thead ul li{
    width: 26% !important;
    line-height: 0.1rem;
}
.proclass {
padding:0.3rem 0
}
.proclass ul {
margin:-5px
}
.proclass ul li {
width:auto;
padding:5px 3px
}
.proclass ul li a {
padding:0 0.2rem
}
.propopup {
position:fixed;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
width:88vw;
z-index:102
}
.propopup::before {
display:none
}
.propopup .popupclose {
display:block
}
.propopup .img img:not(:last-child) {
margin-right:0
}
.propopup .download::before {
width:16px;
height:15px;
margin:0 5px 0 0
}
.popipMask {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.2);
z-index:101;
display:none
}
.myorder {
display:block;
padding:0.3rem
}
.myorder .right {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0.2rem 0 0;
-webkit-box-pack:start;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start
}
.layui-form-mid {
margin:0;
height:0.2rem;
overflow:hidden;
text-align:center
}
.layui-inline {
padding:0 0 0.3rem
}
.oinput-btn {
margin:0
}
.orderStatus {
padding:0.3rem
}
.orderStatus dl {
display:block;
padding:0.2rem 0
}
.orderStatus dl dt .info {
padding-left:0.2rem
}
.orderStatus dl dt .time {
padding:0.1rem 0
}
.indentOrder {
padding:0.5rem 0
}
.indentOrder .tit {
padding:0 0 0.3rem
}
.layui-input-inline {
padding:0 0.1rem 0 0.15rem
}
.inxban-btn {
bottom:0.2rem
}
.indexbanner .swiper-pagination {
bottom:2.3rem
}
.index_about {
display:block;
padding:0.5rem 0
}
.index_about .left {
width:100%
}
.index_about .left .desc {
padding:0.3rem 0
}
.index_about .right {
width:100%;
padding:0.5rem 0
}
.index_about .right .swiper-pagination {
text-align:center;
margin:0;
bottom:0
}
.index_about .right .swiper-pagination-bullet {
width:1rem
}
.index_product {
padding:0.5rem 0
}
.index_product .index-title {
display:block
}
.index_product .left {
padding:0 0 0.3rem
}
.product-wrapper {
width:100%;
padding:0 0 0.5rem
}
.indexproductbox {
padding:0.5rem 0 0
}
.indexproductbox .swiper_btn {
margin-right:10px
}
.swiperbottom .swiper-pagination {
max-width:230px
}
.index-Technology {
padding:0.5rem 0
}
.index-Technology .backview {
margin:0.3rem 0 0
}
.index-Technology .index-title {
padding:0 0 0.5rem
}
.index-Technology .leftcont {
padding:0.3rem;
width:100%;
border-radius:0.2rem 0.2rem 0 0
}
.index-Technology .rightcont {
width:100%
}
.index-Technology .rightcont .topnums {
border-radius:0 0 0.2rem 0.2rem;
padding:0.1rem 0.3rem
}
.index-Technology .mblock {
display:block
}
.index-Technology .couters {
padding:0.2rem 0
}
.index-Technology .couters .unit .cnums {
font-size:0.4rem
}
.index_Network {
padding:0.5rem 0;
background-color:#f2f2f2;
background-image:url(../images/mindexbg2.jpg);
background-position:100% 81%;
-webkit-background-size:contain;
background-size:contain
}
.inetwork_cont {
display:block;
padding:0.3rem 0 0
}
.inetwork_cont .lefticon {
display:none
}
.inetwork_cont .rightcont {
max-width:100%;
margin:0
}
.inetwork_cont .desc{
    font-size: 0.26rem;
}
.inetwork_cont .backview {
margin:2.9rem 0 0
}
.index-Newscenter {
padding:0.5rem 0
}
.index_newscont {
display:block
}
.index_newscont .leftrecommon {
padding:0.3rem 0 0.5rem;
width:100%
}
.index_newswrapper {
width:100%;
margin:0
}
.index_newswrapper ul li .date {
padding:0.5rem 0 0
}
.index_newswrapper ul li .date .month {
font-size:0.44rem;
padding:0
}
.index_newswrapper ul li .date .year {
font-size:0.22rem
}
.index_newswrapper ul li .date .year::before {
width:0.5rem
}
.index_newswrapper ul li:hover .date .year::after{
    width: 0.5rem;
}
.video-player-popup .video-player {
width:95%;
height:auto
}
}
.rzzscontent .inside_pages{
    display: none;
}